All Fonts
Blog
Color Palette
CSS Gradient
Font Pairing
All Fonts
Blog
Color Palette
CSS Gradient
Font Pairing
Brand Color
Search
Fonts
Script Font
Halloween Font
Christmas Font
Wedding Font
Signature Font
Copied!
Font Pairing Tool
Discover perfect font combinations for your design projects
Heading Font
Font Family
Playfair Display
Merriweather
Crimson Text
Libre Baskerville
Source Serif Pro
Cormorant Garamond
PT Serif
Lora
Bitter
EB Garamond
Domine
Vollkorn
Alegreya
Spectral
Zilla Slab
Roboto Slab
Cardo
Old Standard TT
Montserrat
Poppins
Raleway
Oswald
Inter
Roboto
Open Sans
Lato
Source Sans Pro
Nunito
Ubuntu
Fira Sans
Work Sans
DM Sans
Plus Jakarta Sans
Space Grotesk
Manrope
IBM Plex Sans
Lexend
Public Sans
Outfit
Sora
Rubik
Red Hat Display
Libre Franklin
Karla
Barlow
Mulish
Heebo
Archivo
Quicksand
Jost
Epilogue
Cabin
Oxygen
Arimo
Overpass
League Spartan
Be Vietnam Pro
Figtree
Commissioner
Chivo
Noto Sans
Abril Fatface
Righteous
Fredoka One
Yeseva One
Lobster
Pacifico
Dancing Script
Sacramento
Great Vibes
Kaushan Script
Satisfy
Amatic SC
Caveat
Handlee
Shadows Into Light
Inconsolata
JetBrains Mono
Source Code Pro
Fira Code
Space Mono
Font Weight
Thin (100)
Extra Light (200)
Light (300)
Regular (400)
Medium (500)
Semi Bold (600)
Bold (700)
Extra Bold (800)
Black (900)
Body Font
Font Family
Open Sans
Inter
Roboto
Lato
Source Sans Pro
Nunito
PT Sans
Ubuntu
Fira Sans
Work Sans
DM Sans
Plus Jakarta Sans
Space Grotesk
Manrope
IBM Plex Sans
Lexend
Public Sans
Outfit
Sora
Rubik
Red Hat Display
Libre Franklin
Karla
Barlow
Mulish
Heebo
Archivo
Quicksand
Jost
Epilogue
Cabin
Oxygen
Arimo
Overpass
League Spartan
Be Vietnam Pro
Figtree
Commissioner
Chivo
Noto Sans
Montserrat
Poppins
Raleway
Merriweather
PT Serif
Lora
Bitter
EB Garamond
Domine
Vollkorn
Alegreya
Spectral
Zilla Slab
Roboto Slab
Source Serif Pro
Playfair Display
Crimson Text
Libre Baskerville
Cormorant Garamond
Cardo
Inconsolata
JetBrains Mono
Source Code Pro
Fira Code
Space Mono
Font Weight
Thin (100)
Extra Light (200)
Light (300)
Regular (400)
Medium (500)
Semi Bold (600)
Bold (700)
Extra Bold (800)
Black (900)
Live Preview
Reset
Copy CSS
The Quick Brown Fox Jumps Over The Lazy Dog
Click to edit
Typography is the art and technique of arranging type
Click to edit
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Click to edit
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.
Click to edit
Quick Text Presets:
Business
Blog Post
Portfolio
Marketing
News Article
Creative
CSS Code
Popular Font Pairings
Random Pairing
Font Pairing Tips
Great Combinations
• Serif headings + Sans-serif body
• Contrast weights (Light + Bold)
• Same font family, different weights
• Modern sans + Classic serif
Avoid
• Two decorative fonts together
• Very similar fonts
• More than 3 font families
• Conflicting moods/styles
