Karla
Karla — Sans Serif font.
Installation
$ pnpm dlx shadcn@latest add @fonttrio/karlaAa
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
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Used in pairings
Schibsted Grotesk
Nordic minimalism meets grotesque warmth. Schibsted Grotesk's Scandinavian clarity in headlines paired with Karla's quirky grotesque personality for body text that feels human.
pnpm dlx shadcn@latest add @fonttrio/agencyMontserrat
Buenos Aires modernism. Montserrat channels the urban signage of its namesake neighborhood — bold, geometric, unmistakable. Karla's grotesque quirks keep body text from feeling clinical.
pnpm dlx shadcn@latest add @fonttrio/capsuleInstrument Sans
Karla adds warmth and casual rhythm to Instrument Sans’s cool modernist edge — an ideal match for approachable digital experiences.
pnpm dlx shadcn@latest add @fonttrio/instrument-sans-karlaKarla
David Libre pairs traditional elegance with Karla’s neutral tone.
pnpm dlx shadcn@latest add @fonttrio/karla-david-libreKarla
Faustina brings vertical rhythm to Karla’s modern flow.
pnpm dlx shadcn@latest add @fonttrio/karla-faustinaKarla
IBM Plex Serif delivers geometric precision under calm headers.
pnpm dlx shadcn@latest add @fonttrio/karla-ibm-plexKarla
Karla paired with Inconsolata for a google fonts aesthetic.
pnpm dlx shadcn@latest add @fonttrio/karla-inconsolataKarla
Karla’s simplicity contrasts beautifully with Newsreader’s refinement.
pnpm dlx shadcn@latest add @fonttrio/karla-newsreaderPetrona
Petrona softens headlines with a traditional base.
pnpm dlx shadcn@latest add @fonttrio/petrona-karlaRubik
Rubik paired with Karla for a google fonts aesthetic.
pnpm dlx shadcn@latest add @fonttrio/rubik-karlaSpectral
Spectral’s contrast and texture add depth to Karla’s readable body.
pnpm dlx shadcn@latest add @fonttrio/spectral-karlaTenor Sans
Tenor Sans adds headline clarity over a calm Karla body.
pnpm dlx shadcn@latest add @fonttrio/tenor-sans-karla