@font-face generator
Font face {{ index + 1 }}
Remove
Font Name
Apply font to
Body Text
Headings
Logo
Font weight
100 - Thin
200 - Extra Light (Ultra light)
300 - Light
400 - Normal (Regular)
500 - Medium
600 - Semi Bold (Demi bold)
700 - Bold
800 - Extra Bold (Ultra bold)
900 - Black
950 - Extra Black (Ultra black)
Font style
Normal
Italic (Oblique)
Font URLs
Leave the
URL
input blank if you don't have a specific font file to upload.
URL
.woff2
{{ fontErrors[index].woff2 }}
URL
.woff
{{ fontErrors[index].woff }}
URL
.ttf
{{ fontErrors[index].ttf }}
URL
.otf
{{ fontErrors[index].otf }}
TTF
OTF
EOT
are not webfont-optimized formats. Use them only as fallbacks.
Add another font face
Clear All
{{ generateCss() }}
Copy
Copy
and
Paste
the generated code inside your
global-fonts.liquid
file.