Skip to main content
robertt56354294
Participant
October 7, 2020
Question

Externally-referenced Adobe Fonts don't render consistently in Firefox compared to Chrome & Safari

  • October 7, 2020
  • 0 replies
  • 273 views

Steps to reproduce:

I'm coding a landing page and using an externally referenced Adobe Font (https://use.typekit.net/quu0wwz.css). The font itself is alternate-gothic-atf.

Actual results:

When I test the page across all browsers, the text sits higher in the div in Firefox.

Expected results:

In the other browsers, the text sits in the center of the div as I'd expect. I'm looking for consistency between browsers. This doesn't appear to be a line-height issue or any sort CSS-related issue.  It appears to be an issue with the font itself (or how the browser is rendering it), and I've seen it happen with other fonts too.

This topic has been closed for replies.