Lato
Lato — Sans Serif font.
Installation
$ pnpm dlx shadcn@latest add @fonttrio/latoAa
ABCDEFGHIJKLM
NOPQRSTUVWXYZ
abcdefghijklm
nopqrstuvwxyz
0123456789
Type specimen
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Weights
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Used in pairings
Abril Fatface
Bold display serif with clean sans-serif body. High contrast pairing for striking headlines.
pnpm dlx shadcn@latest add @fonttrio/abril-fatface-latoArvo
Arvo paired with Lato for a google fonts aesthetic.
pnpm dlx shadcn@latest add @fonttrio/arvo-latoLato
Academic precision meets digital clarity. EB Garamond's renaissance roots lend authority to headings, while Lato ensures perfect screen readability for long-form content.
pnpm dlx shadcn@latest add @fonttrio/garamond-latoPublic Sans
Government-grade clarity. Public Sans was designed for the US Web Design System — strong, neutral, and accessible. Paired with Lato's warm humanist body text for approachable civic interfaces.
pnpm dlx shadcn@latest add @fonttrio/govtechLato
Warm humanist sans heading with sturdy serif body. One of the most popular web pairings for readability.
pnpm dlx shadcn@latest add @fonttrio/lato-merriweatherLato
Two versatile sans-serifs with subtly different personalities. Clean dual-sans pairing for UI-heavy projects.
pnpm dlx shadcn@latest add @fonttrio/lato-robotoYellowtail
Yellowtail paired with Lato for a google fonts aesthetic.
pnpm dlx shadcn@latest add @fonttrio/yellowtail-lato