Reference
Fontdue.jsGraphQLDemo templateGuides
WebflowWordpress + Lay ThemeWordpress + SempliceNext.js (App Router)Next.js (Pages Router)Information
Full-service website developmentManaging your font catalogVariable fontsFont licensesWebfontsCross-origin accessPayments with StripeTaxTest fontsTest modeManage your Fontdue subscriptionLaunching your siteTroubleshootingCustomize the Address fieldsTroubleshooting
“Add to cart” button not working on Safari or iOS
This is due to limitations with third-party cookies. Please contact us for assistance setting up your Fontdue URL on a subdomain of your site.
Glyphs float below baseline in the Character Viewer in Firefox
Try increasing the ascender
value in the hhea
table. Sometimes Firefox has issues with fonts with a small ascender value. For example, this font with an ascender value of 740, Firefox seems to force the ascender to be bigger, making the font’s bounding box bigger than we expect (so pushing it down below the bounding box lines we draw).

After increasing the ascender value to 800, the issue is fixed:

Fonts have multiple ways to define vertical metrics (hhea, typo, and win). We attempt to harmonize the vertical metrics across different browser environments (in the webfonts served for foundry sites) by setting the CSS @font-face values ascent-override
, descent-override
and line-gap-override
to match the values in the hhea
table (since Safari looks at the hhea
metrics, but does not support the override properties). This normally takes care of discrepancies in the vertical metrics, but the browser engines seem to take more things into consideration beyond just these values.
We recommend ensuring the hhea and typo values are in sync for your customers’ self-hosted webfonts.