Log in Start free trial →
Reference
Fontdue.jsGraphQLDemo templateGuides
WebflowWordpress + Lay ThemeWordpress + SempliceNext.js (App Router)Next.js (Pages Router)Python + FlaskInformation
What’s newFull-service website developmentManaging your font catalogVariable fontsFont licensesWebfontsCross-origin accessPayments with StripeTaxTest fontsTest modeManage your Fontdue subscriptionLaunching your siteTroubleshootingUpdates
Update 001Update 002Update 003© Fontdue, 2022
Webfonts
Fontdue automatically makes webfonts available for use on your website. Each Family you upload gets its own CSS url which contains the relevant @font-face code.
To find the CSS link and the code to enable webfonts, navigate to the Webfonts tab for the relevant Family in the dashboard.
Copy the Webfont CSS code into your page's <head> element, and then copy the styles relevant for each style into your site's CSS styles.
Access
Webfonts are restricted only to domains allowed access to them. Make sure any domains you want to allow access are listed in the Cross-origin API access setting.
Webfont conversion process
Source fonts files are automatically converted to WOFF & WOFF2. This conversion is a multi-step process based on the files you upload, described in this table.
You may optionally upload your own WOFF & WOFF2 files which will be delivered as-is, so there are no processing steps.
| Input format | Pre-processing | WOFF | WOFF2 |
|---|---|---|---|
OTF | anonymizeotf2ttfttfautohint | sfnt2woff | woff2_compress |
TTF | anonymize | sfnt2woff | woff2_compress |
WOFF | |||
WOFF2 |
anonymize
A simple script we wrote to deter desktop installation of Webfonts. The font family and style names are replaced with a Copyright message.
otf2ttf
Available as part of FontTools, to convert OTF files to TTF.
ttfautohint
Provides automatic TTF hints for better font rendering on Windows, based on FreeType font rendering.
sfnt2woff
WOFF compression tool.
woff2_compress
WOFF2 compression tool.