Font Variation
Find a font variation for your Designs.
Discover beautifully crafted typefaces for every creative project — from modern displays to vintage-inspired lettering.
Controls
| Width / Weight | 100 Thin | 200 Extra Light | 300 Light | 400 Regular | 500 Medium | 600 Semi Bold | 700 Bold | 800 Extra Bold | 900 Black |
|---|---|---|---|---|---|---|---|---|---|
Ultra Condensed 50% | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS |
Extra Condensed 62.5% | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS |
Condensed 75% | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS |
Semi Condensed 87.5% | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS |
Normal 100% | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS |
Semi Expanded 112.5% | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS |
Expanded 125% | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS |
Extra Expanded 150% | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS |
Ultra Expanded 200% | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS | Aa Click to copy CSS |