Source Code Pro
Source Code Pro — Monospace font.
Installation
$ pnpm dlx shadcn@latest add @fonttrio/source-code-proAa
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
The quick brown fox jumps over the lazy dog
Used in pairings
Albert Sans
Albert Sans paired with Barlow for a google fonts aesthetic.
pnpm dlx shadcn@latest add @fonttrio/albert-sans-barlowAlegreya Sans SC
Alegreya Sans SC paired with Alegreya Sans for a google fonts aesthetic.
pnpm dlx shadcn@latest add @fonttrio/alegreya-sans-alegreya-sansAlegreya Sans
Aleo brings approachable curves to match Alegreya Sans’s tone.
pnpm dlx shadcn@latest add @fonttrio/alegreya-sans-aleoAleo
Aleo paired with Albert Sans for a google fonts aesthetic.
pnpm dlx shadcn@latest add @fonttrio/aleo-albert-sansAlfa Slab One
Alfa Slab One paired with Gentium Book Plus for a google fonts aesthetic.
pnpm dlx shadcn@latest add @fonttrio/alfa-slab-gentium-bookAlumni Sans
Alumni Sans brings dramatic weight above Libre Franklin’s polish.
pnpm dlx shadcn@latest add @fonttrio/alumni-sans-libre-franklinArchivo
Archivo and Inter share a clean, modern aesthetic that suits minimalist design systems.
pnpm dlx shadcn@latest add @fonttrio/archivo-interBe Vietnam Pro
Be Vietnam Pro and Manrope share a clean, modern aesthetic that suits minimalist design systems.
pnpm dlx shadcn@latest add @fonttrio/be-vietnam-manropeExo 2
Space-age geometry. Exo 2's futuristic proportions make headlines feel like mission control, while Titillium Web's Italian polytechnic origins keep body text grounded in engineering precision.
pnpm dlx shadcn@latest add @fonttrio/beaconBitter
Bitter and Lora are both versatile choices that work well across a wide range of use cases.
pnpm dlx shadcn@latest add @fonttrio/bitter-loraBricolage Grotesque
Bricolage Grotesque paired with Ubuntu for a google fonts aesthetic.
pnpm dlx shadcn@latest add @fonttrio/bricolage-grotesque-ubuntuArchivo Black
Raw typographic power. Archivo Black's heavy weight fills every pixel of the headline, while regular Archivo maintains the same DNA in a readable body weight. No decoration, pure function.
pnpm dlx shadcn@latest add @fonttrio/brutalistCormorant Garamond
Cormorant Garamond brings a traditional feel to the modern base of DM Sans.
pnpm dlx shadcn@latest add @fonttrio/cormorant-garamond-dm-sansPlus Jakarta Sans
Contemporary curation. Plus Jakarta Sans brings Indonesian design heritage to bold headings, while PT Serif delivers ParaType's exceptional Cyrillic and Latin body text.
pnpm dlx shadcn@latest add @fonttrio/curatorBitter
Slab-serif substance. Bitter's sturdy slab serifs were designed specifically for screen reading, making headlines feel anchored and authoritative. Open Sans handles the body with effortless neutrality.
pnpm dlx shadcn@latest add @fonttrio/digestHeebo
Hebrew-Latin harmony. Heebo's geometric forms designed for both scripts create inclusive headlines, while Assistant — with similar dual-script DNA — maintains that consistency through body text.
pnpm dlx shadcn@latest add @fonttrio/dispatchDM Sans
DM Sans paired with DM Mono for a google fonts aesthetic.
pnpm dlx shadcn@latest add @fonttrio/dm-sans-dm-monoDM Sans
Lora adds classic charm to the simplicity of DM Sans.
pnpm dlx shadcn@latest add @fonttrio/dm-sans-loraDM Sans
Spectral complements DM Sans with a refined serif touch.
pnpm dlx shadcn@latest add @fonttrio/dm-sans-spectralDM Serif Display
DM Serif Display paired with DM Sans for a google fonts aesthetic.
pnpm dlx shadcn@latest add @fonttrio/dm-serif-dm-sansSource Sans 3
Adobe's open-source superfamily. Source Sans 3's humanist proportions excel in UI and documents alike, with Source Code Pro maintaining the same vertical metrics for seamless mixed content.
pnpm dlx shadcn@latest add @fonttrio/documentLato
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-latoGeist
Friendly geometric pairing with technical precision
pnpm dlx shadcn@latest add @fonttrio/geist-manropePublic 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/govtechInknut Antiqua
Work Sans softens the drama of Inknut with friendly tone.
pnpm dlx shadcn@latest add @fonttrio/inknut-antiqua-work-sansInstrument Serif
Instrument Serif offers elevated elegance for titles; Inter keeps things clean and efficient in the body for digital readability.
pnpm dlx shadcn@latest add @fonttrio/instrument-serif-interInter
Inter and Be Vietnam Pro share a clean, modern aesthetic that suits minimalist design systems.
pnpm dlx shadcn@latest add @fonttrio/inter-be-vietnamMerriweather
Purpose-built for reading. Merriweather's sturdy serifs hold up at any size, paired with Mulish's neutral warmth for body text that keeps readers engaged paragraph after paragraph.
pnpm dlx shadcn@latest add @fonttrio/journalLibre Baskerville
Instrument Sans offers smooth geometry under elegant serif shapes.
pnpm dlx shadcn@latest add @fonttrio/libre-baskerville-instrument-sansLibre Baskerville
Inter softens the formal tone of Libre Baskerville with tech-ready clarity.
pnpm dlx shadcn@latest add @fonttrio/libre-baskerville-interLibre Baskerville
Work Sans complements Libre Baskerville with a friendly, legible tone for UI and text.
pnpm dlx shadcn@latest add @fonttrio/libre-baskerville-work-sansLusitana
Lusitana paired with Raleway for a google fonts aesthetic.
pnpm dlx shadcn@latest add @fonttrio/lusitana-ralewayManrope
Manrope and Be Vietnam Pro share a clean, modern aesthetic that suits minimalist design systems.
pnpm dlx shadcn@latest add @fonttrio/manrope-be-vietnamManrope
Lora softens Manrope’s geometry with warmth.
pnpm dlx shadcn@latest add @fonttrio/manrope-loraMontserrat
Montserrat and Fira Sans are both versatile choices that work well across a wide range of use cases.
pnpm dlx shadcn@latest add @fonttrio/montserrat-fira-sansMontserrat
Montserrat paired with Hind for a mixed aesthetic.
pnpm dlx shadcn@latest add @fonttrio/montserrat-hindNunito
Nunito adds a soft, approachable feel while Open Sans keeps things clean and readable.
pnpm dlx shadcn@latest add @fonttrio/nunito-open-sansNunito
Nunito adds a soft, approachable feel while Roboto keeps things clean and readable.
pnpm dlx shadcn@latest add @fonttrio/nunito-robotoOpen Sans
Open Sans adds a soft, approachable feel while Poppins keeps things clean and readable.
pnpm dlx shadcn@latest add @fonttrio/open-sans-poppinsOpen Sans
Open Sans and PT Sans are both versatile choices that work well across a wide range of use cases.
pnpm dlx shadcn@latest add @fonttrio/open-sans-pt-sansPalanquin Dark
Palanquin Dark paired with Palanquin for a google fonts aesthetic.
pnpm dlx shadcn@latest add @fonttrio/palanquin-dark-palanquinPlayfair Display
Playfair Display delivers high-end flair, complemented by the elegant and refined tone of Lora.
pnpm dlx shadcn@latest add @fonttrio/playfair-display-loraPoppins
Poppins adds a soft, approachable feel while Hind keeps things clean and readable.
pnpm dlx shadcn@latest add @fonttrio/poppins-hindPoppins
Poppins adds a soft, approachable feel while Nunito keeps things clean and readable.
pnpm dlx shadcn@latest add @fonttrio/poppins-nunitoPoppins
Poppins adds a soft, approachable feel while Open Sans keeps things clean and readable.
pnpm dlx shadcn@latest add @fonttrio/poppins-open-sansPT Sans
PT Sans and Open Sans are both versatile choices that work well across a wide range of use cases.
pnpm dlx shadcn@latest add @fonttrio/pt-sans-open-sansRoboto
Roboto and Fira Sans are both versatile choices that work well across a wide range of use cases.
pnpm dlx shadcn@latest add @fonttrio/roboto-fira-sansRoboto Mono
Spectral softens the edge of Roboto Mono for a refined feel.
pnpm dlx shadcn@latest add @fonttrio/roboto-mono-spectralRosario
Rosario enhances flow and readability without overpowering.
pnpm dlx shadcn@latest add @fonttrio/rosario-syneEB Garamond
Academic precision meets digital clarity. EB Garamond's renaissance roots lend authority to headings, while Inter ensures perfect screen readability for long-form content.
pnpm dlx shadcn@latest add @fonttrio/scholarSpectral
Spectral and Lora are both versatile choices that work well across a wide range of use cases.
pnpm dlx shadcn@latest add @fonttrio/spectral-loraSyne
Gloock introduces a literary and artistic feel to Syne’s bold headers.
pnpm dlx shadcn@latest add @fonttrio/syne-gloockTenor Sans
Tenor Sans is narrow and elegant, contrasting well with Alegreya Sans.
pnpm dlx shadcn@latest add @fonttrio/tenor-sans-alegreya-sansZilla Slab
Zilla Slab paired with Nunito Sans for a google fonts aesthetic.
pnpm dlx shadcn@latest add @fonttrio/zilla-slab-nunito-sans