Use transfonter to optimize fonts.
- Upload a font from /fonts/
- Configure as defined below
- Convert and download zip
- Extract
stylesheet.css
from zip
- Copy
@font-family
block into index.html
setting |
value |
Family Support |
On |
Fix verical metrics |
Off |
Add local rule |
On |
Base64 encode |
On |
Formats |
WOFF2 only |
Hinting |
Keep existing |
Demo page language |
|
Subsets |
All |
Characters |
use table below |
Unicode ranges |
|
Font Display |
block |
Fonts directory |
|
font |
characters |
Comfortaa-Regular.ttf |
[email protected] |
Comfortaa-Bold.ttf |
catalyst.code cc |
PlayfairDisplay-Regular.ttf |
catalyst noun |
OpenSans-Light.ttf |
everything else (don't forget characters 12. ) |