Discover, Preview & Use
Beautiful Fonts
Explore thousands of fonts, test typography, generate CSS and find the perfect font combinations.
Type anything to try it on
Popular Fonts
The most widely used fonts on Typegrid.
The quick brown fox jumps over the lazy dog.
Montserrat
The quick brown fox jumps over the lazy dog.
Roboto
The quick brown fox jumps over the lazy dog.
Open Sans
The quick brown fox jumps over the lazy dog.
Google Sans
The quick brown fox jumps over the lazy dog.
Lora
The quick brown fox jumps over the lazy dog.
Playfair Display
The quick brown fox jumps over the lazy dog.
Pacifico
The quick brown fox jumps over the lazy dog.
JetBrains Mono
Trending Fonts
Recently updated and gaining traction.
The quick brown fox jumps over the lazy dog.
ASM
The quick brown fox jumps over the lazy dog.
Hello Christmas
The quick brown fox jumps over the lazy dog.
Marseille
The quick brown fox jumps over the lazy dog.
Luvians Font
The quick brown fox jumps over the lazy dog.
Megha Font
The quick brown fox jumps over the lazy dog.
Murnion Font Download
The quick brown fox jumps over the lazy dog.
Luvian Font
The quick brown fox jumps over the lazy dog.
Murnion Font
Recently Added
The newest fonts synced from Google Fonts.
The quick brown fox jumps over the lazy dog.
ASM
The quick brown fox jumps over the lazy dog.
Hello Christmas
The quick brown fox jumps over the lazy dog.
Marseille
The quick brown fox jumps over the lazy dog.
Luvians Font
The quick brown fox jumps over the lazy dog.
Megha Font
The quick brown fox jumps over the lazy dog.
Murnion Font Download
The quick brown fox jumps over the lazy dog.
Luvian Font
The quick brown fox jumps over the lazy dog.
Murnion Font
Sans Serif Fonts
Clean, modern, and endlessly versatile.
The quick brown fox jumps over the lazy dog.
Montserrat
The quick brown fox jumps over the lazy dog.
Roboto
The quick brown fox jumps over the lazy dog.
Open Sans
The quick brown fox jumps over the lazy dog.
Google Sans
The quick brown fox jumps over the lazy dog.
Lato
The quick brown fox jumps over the lazy dog.
Inter
The quick brown fox jumps over the lazy dog.
Noto Sans JP
The quick brown fox jumps over the lazy dog.
Poppins
Serif Fonts
Traditional character for editorial and print-style design.
The quick brown fox jumps over the lazy dog.
Lora
The quick brown fox jumps over the lazy dog.
Merriweather
The quick brown fox jumps over the lazy dog.
Roboto Slab
The quick brown fox jumps over the lazy dog.
Noto Serif
The quick brown fox jumps over the lazy dog.
PT Serif
The quick brown fox jumps over the lazy dog.
Libre Baskerville
The quick brown fox jumps over the lazy dog.
Cormorant Garamond
The quick brown fox jumps over the lazy dog.
Noto Serif JP
Display Fonts
Bold, expressive fonts built for headlines.
The quick brown fox jumps over the lazy dog.
Playfair Display
The quick brown fox jumps over the lazy dog.
Black Ops One
The quick brown fox jumps over the lazy dog.
Lobster Two
The quick brown fox jumps over the lazy dog.
Changa One
The quick brown fox jumps over the lazy dog.
Alfa Slab One
The quick brown fox jumps over the lazy dog.
Lilita One
The quick brown fox jumps over the lazy dog.
Bungee
The quick brown fox jumps over the lazy dog.
Lobster
Handwriting Fonts
Script and handwritten styles for a personal touch.
The quick brown fox jumps over the lazy dog.
Pacifico
The quick brown fox jumps over the lazy dog.
Dancing Script
The quick brown fox jumps over the lazy dog.
Caveat
The quick brown fox jumps over the lazy dog.
Shadows Into Light
The quick brown fox jumps over the lazy dog.
Zeyada
The quick brown fox jumps over the lazy dog.
Satisfy
The quick brown fox jumps over the lazy dog.
Great Vibes
The quick brown fox jumps over the lazy dog.
Indie Flower
Monospace Fonts
Fixed-width fonts for code and technical content.
The quick brown fox jumps over the lazy dog.
JetBrains Mono
The quick brown fox jumps over the lazy dog.
Material Icons
The quick brown fox jumps over the lazy dog.
Roboto Mono
The quick brown fox jumps over the lazy dog.
Material Symbols Outlined
The quick brown fox jumps over the lazy dog.
Inconsolata
The quick brown fox jumps over the lazy dog.
Material Icons Outlined
The quick brown fox jumps over the lazy dog.
Source Code Pro
The quick brown fox jumps over the lazy dog.
Material Symbols Rounded
Variable Fonts
One file, many weights and widths.
The quick brown fox jumps over the lazy dog.
Montserrat
The quick brown fox jumps over the lazy dog.
Roboto
The quick brown fox jumps over the lazy dog.
Playfair Display
The quick brown fox jumps over the lazy dog.
JetBrains Mono
The quick brown fox jumps over the lazy dog.
Inter
Font Pairings
Heading and body font combinations that work.
Font Tools
Free typography utilities for designers and developers.
Font Previewer
Preview any Google Font with your own text, size, weight and spacing.
Font Pairing Generator
Find a heading and body font that work well together.
Google Font CSS Generator
Generate ready-to-paste CSS for any font, weight and style.
Google Font Embed Generator
Generate the <link> or @import embed code for any font.
Font Size Converter
Convert between px, rem, em, pt and %.
Typography Tester
Test full paragraphs of body copy in any font.
Font Weight Tester
Compare every available weight of a font side by side.
Font Comparison Tool
Compare 2–4 fonts side by side on your own text.
Latest Font Articles
Guides on typography, pairing and using Google Fonts well.
Feb 20, 2026
How to Add Google Fonts to Your Website
Two ways to load a Google Font on your site — the tag and the CSS @import rule — with performance tips.
Feb 3, 2026
A Practical Guide to Font Pairing
How to pick a heading and body font that actually work together, without needing a design degree.
Jan 12, 2026
Best Google Fonts for Websites in 2026
A practical, opinionated shortlist of Google Fonts that hold up across headlines, body copy and UI.
What Are Google Fonts?
Google Fonts is a free, open-source library of typefaces that can be embedded on any website. Typegrid organizes that catalog with live previews, CSS generators and pairing tools so you can actually evaluate a font before using it.
How to Choose the Right Font
Start with the job the font needs to do — headline, body copy, or UI text — then narrow by category and test it with your own content at real sizes before committing.
How to Use Google Fonts on a Website
Add a <link> tag to your page's <head>, then reference the family in your CSS with font-family. Our embed generator writes the exact snippet for you.
Typography Basics
Good typography usually means one confident heading font, one highly legible body font, sensible line height (1.4–1.6 for body text) and enough size contrast between hierarchy levels.