DM Sans
Point any MCP client at the shared fonts endpoint and your agent can search this exact catalog and suggest pairings — list_fonts and suggest_fonts, read-only, no key.
https://mcp.brandsweets.com/fonts/mcpclaude mcp add --transport http brandsweets-fonts https://mcp.brandsweets.com/fonts/mcp
›find me a heading font that pairs with DM Sans
Want the agent to remember your picks and write them into a living brand? Create a free BrandSweets workspace.
Pairs well with
Same superfamily as DM Sans — shared skeleton, natural body pairing.
fits body; hand-vetted
fits body; hand-vetted
fits body; hand-vetted
Same superfamily — a high-contrast serif display over the low-contrast geometric sans.
More sans fonts
Self-host embed
DM Sans is free to self-host under OFL-1.1. Drop these @font-face rules into your CSS — the .woff2 files are served straight from BrandSweets.
@font-face {
font-family: "DM Sans";
font-style: normal;
font-weight: 100;
font-display: swap;
src: url("https://fonts.brandsweets.com/dm-sans/dm-sans-100.woff2") format("woff2");
}
@font-face {
font-family: "DM Sans";
font-style: normal;
font-weight: 200;
font-display: swap;
src: url("https://fonts.brandsweets.com/dm-sans/dm-sans-200.woff2") format("woff2");
}
@font-face {
font-family: "DM Sans";
font-style: normal;
font-weight: 300;
font-display: swap;
src: url("https://fonts.brandsweets.com/dm-sans/dm-sans-300.woff2") format("woff2");
}
@font-face {
font-family: "DM Sans";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("https://fonts.brandsweets.com/dm-sans/dm-sans-400.woff2") format("woff2");
}
@font-face {
font-family: "DM Sans";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("https://fonts.brandsweets.com/dm-sans/dm-sans-500.woff2") format("woff2");
}
@font-face {
font-family: "DM Sans";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("https://fonts.brandsweets.com/dm-sans/dm-sans-600.woff2") format("woff2");
}
@font-face {
font-family: "DM Sans";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("https://fonts.brandsweets.com/dm-sans/dm-sans-700.woff2") format("woff2");
}
@font-face {
font-family: "DM Sans";
font-style: normal;
font-weight: 800;
font-display: swap;
src: url("https://fonts.brandsweets.com/dm-sans/dm-sans-800.woff2") format("woff2");
}
@font-face {
font-family: "DM Sans";
font-style: normal;
font-weight: 900;
font-display: swap;
src: url("https://fonts.brandsweets.com/dm-sans/dm-sans-900.woff2") format("woff2");
}
@font-face {
font-family: "DM Sans";
font-style: italic;
font-weight: 100;
font-display: swap;
src: url("https://fonts.brandsweets.com/dm-sans/dm-sans-100i.woff2") format("woff2");
}
@font-face {
font-family: "DM Sans";
font-style: italic;
font-weight: 200;
font-display: swap;
src: url("https://fonts.brandsweets.com/dm-sans/dm-sans-200i.woff2") format("woff2");
}
@font-face {
font-family: "DM Sans";
font-style: italic;
font-weight: 300;
font-display: swap;
src: url("https://fonts.brandsweets.com/dm-sans/dm-sans-300i.woff2") format("woff2");
}
@font-face {
font-family: "DM Sans";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url("https://fonts.brandsweets.com/dm-sans/dm-sans-400i.woff2") format("woff2");
}
@font-face {
font-family: "DM Sans";
font-style: italic;
font-weight: 500;
font-display: swap;
src: url("https://fonts.brandsweets.com/dm-sans/dm-sans-500i.woff2") format("woff2");
}
@font-face {
font-family: "DM Sans";
font-style: italic;
font-weight: 600;
font-display: swap;
src: url("https://fonts.brandsweets.com/dm-sans/dm-sans-600i.woff2") format("woff2");
}
@font-face {
font-family: "DM Sans";
font-style: italic;
font-weight: 700;
font-display: swap;
src: url("https://fonts.brandsweets.com/dm-sans/dm-sans-700i.woff2") format("woff2");
}
@font-face {
font-family: "DM Sans";
font-style: italic;
font-weight: 800;
font-display: swap;
src: url("https://fonts.brandsweets.com/dm-sans/dm-sans-800i.woff2") format("woff2");
}
@font-face {
font-family: "DM Sans";
font-style: italic;
font-weight: 900;
font-display: swap;
src: url("https://fonts.brandsweets.com/dm-sans/dm-sans-900i.woff2") format("woff2");
}
/* Usage */
.heading { font-family: "DM Sans", sans-serif; }License & attribution
- License
- OFL-1.1
- Designed by
- Colophon Foundry
- Weights
- 100, 200, 300, 400, 500, 600, 700, 800, 900
- Languages
- latin, latin-ext
Machine-readable: font.md
Build a brand around DM Sans
Turn a font choice into a full identity — colors, type roles, logo, and agent-readable tokens your future sessions already know.