Dancing Script
Pairinghandwriting
CompareLarge Display
The quick brown fox jumps over the lazy dog
Typography Scale
Heading 1 (48px)
The quick brown fox jumps over the lazy dog
Heading 2 (36px)
The quick brown fox jumps over the lazy dog
Heading 3 (24px)
The quick brown fox jumps over the lazy dog
Body Text (16px)
The quick brown fox jumps over the lazy dog. Good body type stays out of the way: even color, open counters, and spacing that holds up at 16 pixels on a phone or 12 on a dense dashboard.
Small Text (14px)
The quick brown fox jumps over the lazy dog
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap" rel="stylesheet">Uppercase
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Lowercase
abcdefghijklmnopqrstuvwxyz
Numbers & Symbols
0123456789 !@#$%^&*()_+-=[]{}|;':",./<>?
Fonts that pair well with Caveat.
handwriting
Comparehandwriting
Comparehandwriting
Comparehandwriting
CompareFonts with a similar feel to Caveat.
handwriting
Comparehandwriting
Comparehandwriting
Comparehandwriting
Comparehandwriting
Comparehandwriting
Comparehandwriting
Comparehandwriting
CompareFont family
Caveat
Description
Handwriting font that feels natural and unrefined
Source
Variable axes
The quick brown fox jumps over the lazy dog
font-variation-settings: 'wght' 600;Intermediate values interpolate when the browser loads the variable font file; otherwise the nearest static weight renders.
Use cases
Stats
Popularity 80/100
Used by Hand-drawn apps, Creative tools
Performance: standard
npm · @fontsource/caveatCharacteristics
Paid alternatives
Caveat is an open-source alternative to: