Inter
varsans-serifRasmus Andersson · 9 weights
Your text here
400w
Google Font Generator
Preview and test 200+ popular Google Fonts with live custom text. Type anything, tweak typography settings, and export Google Fonts CSS — all in one free tool.
Preview Text (14 chars)
Sample:
Typography Controls
For:
273 of 273 typefaces
Typeface Library & Font Specimen Previews
Open Sans
varsans-serifSteve Matteson · 6 weights
Your text here
400w
Bebas Neue
displayRyoichi Tsunekawa (Dharma Type) · 1 weights
Your text here
400w
Playfair Display
varserifClaus Eggers Sørensen · 6 weights
Your text here
400w
Lato
sans-serifŁukasz Dziedzic · 5 weights
Your text here
400w
Amatic SC
scriptVernon Adams · 2 weights
Your text here
400w
Press Start 2P
displayCodeMan38 · 1 weights
Your text here
400w
Roboto Mono
varmonospaceChristian Robertson (Google) · 7 weights
Your text here
400w
Orbitron
vartechMatt McInerney · 6 weights
Your text here
400w
Roboto
sans-serifChristian Robertson · 6 weights
Your text here
400w
Oswald
varsans-serifVernon Adams · 6 weights
Your text here
400w
Indie Flower
scriptKimberly Geswein · 1 weights
Your text here
400w
Google Fonts Performance: Loading Best Practices
Optimize Google Fonts loading for Core Web Vitals and minimal layout shift:
Preconnect
Add <link rel="preconnect" href="https://fonts.googleapis.com"> to establish early CDN connections and reduce font load latency.
display=swap
Always include display=swap in your Google Fonts URL. This prevents invisible text during font load (FOIT), improving Largest Contentful Paint scores.
Subset Strategically
Request only the weights and subsets you need. wght@400;700 loads far faster than the full variable font range for static weight designs.