Roboto
Roboto — Sans Serif font.
Installation
$ pnpm dlx shadcn@latest add @fonttrio/robotoAa
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
The quick brown fox jumps over the lazy dog
Used in pairings
Archivo Black
Heavy grotesque heading with versatile neo-grotesque body. Strong, modern, and highly readable.
pnpm dlx shadcn@latest add @fonttrio/archivo-black-robotoBitter
Bitter and Roboto are both versatile choices that work well across a wide range of use cases.
pnpm dlx shadcn@latest add @fonttrio/bitter-robotoRoboto
Google's type system. Roboto's dual nature — mechanical skeleton with friendly curves — creates a cohesive experience from headlines to fine print. The de facto standard for Material Design.
pnpm dlx shadcn@latest add @fonttrio/corporateInter
Inter and Roboto share a clean, modern aesthetic that suits minimalist design systems.
pnpm dlx shadcn@latest add @fonttrio/inter-robotoLato
Two versatile sans-serifs with subtly different personalities. Clean dual-sans pairing for UI-heavy projects.
pnpm dlx shadcn@latest add @fonttrio/lato-robotoRoboto Slab
The complete Roboto system. Slab headlines bring gravitas to Google's most versatile typeface family. A three-weight system that works everywhere, from Android to enterprise dashboards.
pnpm dlx shadcn@latest add @fonttrio/manifestoManrope
Manrope and Roboto share a clean, modern aesthetic that suits minimalist design systems.
pnpm dlx shadcn@latest add @fonttrio/manrope-robotoNunito
Nunito adds a soft, approachable feel while Roboto keeps things clean and readable.
pnpm dlx shadcn@latest add @fonttrio/nunito-robotoOpen Sans
Open Sans and Roboto are both versatile choices that work well across a wide range of use cases.
pnpm dlx shadcn@latest add @fonttrio/open-sans-robotoPlayfair Display
Playfair Display delivers high-end flair, complemented by the elegant and refined tone of Roboto.
pnpm dlx shadcn@latest add @fonttrio/playfair-display-robotoRaleway
Raleway and Roboto are both versatile choices that work well across a wide range of use cases.
pnpm dlx shadcn@latest add @fonttrio/raleway-robotoRoboto
Roboto and Archivo are both versatile choices that work well across a wide range of use cases.
pnpm dlx shadcn@latest add @fonttrio/roboto-archivoRoboto
Roboto and Be Vietnam Pro are both versatile choices that work well across a wide range of use cases.
pnpm dlx shadcn@latest add @fonttrio/roboto-be-vietnamRoboto
Roboto and Bitter are both versatile choices that work well across a wide range of use cases.
pnpm dlx shadcn@latest add @fonttrio/roboto-bitterRoboto Condensed
Roboto Condensed paired with Roboto for a google fonts aesthetic.
pnpm dlx shadcn@latest add @fonttrio/roboto-condensed-robotoRoboto
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
Roboto and Inter share a clean, modern aesthetic that suits minimalist design systems.
pnpm dlx shadcn@latest add @fonttrio/roboto-interRoboto
Roboto and Manrope share a clean, modern aesthetic that suits minimalist design systems.
pnpm dlx shadcn@latest add @fonttrio/roboto-manropeRoboto
Roboto and Montserrat are both versatile choices that work well across a wide range of use cases.
pnpm dlx shadcn@latest add @fonttrio/roboto-montserratRoboto
Roboto paired with Nunito Sans for a google fonts aesthetic.
pnpm dlx shadcn@latest add @fonttrio/roboto-nunito-sansRoboto
Roboto adds a soft, approachable feel while Nunito keeps things clean and readable.
pnpm dlx shadcn@latest add @fonttrio/roboto-nunitoRoboto
Roboto and Open Sans are both versatile choices that work well across a wide range of use cases.
pnpm dlx shadcn@latest add @fonttrio/roboto-open-sansRoboto
Roboto adds a soft, approachable feel while Poppins keeps things clean and readable.
pnpm dlx shadcn@latest add @fonttrio/roboto-poppinsRoboto
Roboto and PT Sans are both versatile choices that work well across a wide range of use cases.
pnpm dlx shadcn@latest add @fonttrio/roboto-pt-sansRoboto
Roboto paired with Roboto Mono for a google fonts aesthetic.
pnpm dlx shadcn@latest add @fonttrio/roboto-roboto-monoRoboto
Roboto paired with Roboto Serif for a google fonts aesthetic.
pnpm dlx shadcn@latest add @fonttrio/roboto-roboto-serifRoboto Serif
Roboto Serif paired with Roboto for a google fonts aesthetic.
pnpm dlx shadcn@latest add @fonttrio/roboto-serif-robotoRoboto Slab
Roboto Slab paired with Roboto for a google fonts aesthetic.
pnpm dlx shadcn@latest add @fonttrio/roboto-slab-robotoSpace Grotesk
Roboto is a highly legible sans that complements the clean shapes of Space Grotesk.
pnpm dlx shadcn@latest add @fonttrio/space-grotesk-roboto