Lato
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 Lato
Want the agent to remember your picks and write them into a living brand? Create a free BrandSweets workspace.
A free alternative to
Lato ranks in the top three free, open-licensed alternatives to Gill Sans, Syntax, Ideal Sans and 2 more on our published similarity score. Commercial names identify the typeface only; we never host them.
Pairs well with
fits body; generous x-height for body; hand-vetted
fits body; generous x-height for body; hand-vetted
fits body; generous x-height for body; hand-vetted
More sans fonts
Self-host embed
Lato 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: "Lato";
font-style: normal;
font-weight: 100;
font-display: swap;
src: url("https://fonts.brandsweets.com/lato/lato-100.woff2") format("woff2");
}
@font-face {
font-family: "Lato";
font-style: italic;
font-weight: 100;
font-display: swap;
src: url("https://fonts.brandsweets.com/lato/lato-100i.woff2") format("woff2");
}
@font-face {
font-family: "Lato";
font-style: normal;
font-weight: 300;
font-display: swap;
src: url("https://fonts.brandsweets.com/lato/lato-300.woff2") format("woff2");
}
@font-face {
font-family: "Lato";
font-style: italic;
font-weight: 300;
font-display: swap;
src: url("https://fonts.brandsweets.com/lato/lato-300i.woff2") format("woff2");
}
@font-face {
font-family: "Lato";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("https://fonts.brandsweets.com/lato/lato-400.woff2") format("woff2");
}
@font-face {
font-family: "Lato";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url("https://fonts.brandsweets.com/lato/lato-400i.woff2") format("woff2");
}
@font-face {
font-family: "Lato";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("https://fonts.brandsweets.com/lato/lato-700.woff2") format("woff2");
}
@font-face {
font-family: "Lato";
font-style: italic;
font-weight: 700;
font-display: swap;
src: url("https://fonts.brandsweets.com/lato/lato-700i.woff2") format("woff2");
}
@font-face {
font-family: "Lato";
font-style: normal;
font-weight: 900;
font-display: swap;
src: url("https://fonts.brandsweets.com/lato/lato-900.woff2") format("woff2");
}
@font-face {
font-family: "Lato";
font-style: italic;
font-weight: 900;
font-display: swap;
src: url("https://fonts.brandsweets.com/lato/lato-900i.woff2") format("woff2");
}
/* Usage */
.heading { font-family: "Lato", sans-serif; }License & attribution
- License
- OFL-1.1
- Designed by
- Łukasz Dziedzic
- Weights
- 100, 300, 400, 700, 900
- Languages
- latin, latin-ext
Machine-readable: font.md
Build a brand around Lato
Turn a font choice into a full identity — colors, type roles, logo, and agent-readable tokens your future sessions already know.