Avatar for Username

Sykje yn Support

Mij stipescams. Wy sille jo nea freegje in telefoannûmer te beljen, der in sms nei ta te stjoeren of persoanlike gegevens te dielen. Meld fertochte aktiviteit mei de opsje ‘Misbrûk melde’.

Learn More

Dizze konversaasje is argivearre. Stel in nije fraach as jo help nedich hawwe.

Anton and Sunflower Font Not Displaying Correctly in Some Browsers

  • 2 antwurd
  • 1 hat dit probleem
  • 1 werjefte
  • Lêste antwurd fan cor-el

development18
development18
more options

Hi Guys

On the following website https://tinyurl.com/ybfldqhc, it seems that some (not most after testing using browserstack and physical systems) firefox versions are rendering the font incorrectly.

Interestingly, we simulated the exact same enviroment on two different macs and only one had the issue. (OS Sierra 10.12.6 Firefox 61.0.1 (64-bit))

I appreciate that users can make adjustments in their Firefox settings, but is there anything on the coding level that could change to overcome this issue? I've checked the css validator and it doesn't mention an issue with fonts, all other browsers are fine. The fonts used are the google fonts anton and sunflower.

Hi Guys On the following website https://tinyurl.com/ybfldqhc, it seems that some (not most after testing using browserstack and physical systems) firefox versions are rendering the font incorrectly. Interestingly, we simulated the exact same enviroment on two different macs and only one had the issue. (OS Sierra 10.12.6 Firefox 61.0.1 (64-bit)) I appreciate that users can make adjustments in their Firefox settings, but is there anything on the coding level that could change to overcome this issue? I've checked the css validator and it doesn't mention an issue with fonts, all other browsers are fine. The fonts used are the google fonts anton and sunflower.

Alle antwurden (2)

WestEnd
WestEnd
more options

What are the screenshots of each to compare with your saying?

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Make sure you allow pages to choose their own fonts.

  • Options/Preferences -> General: Fonts & Colors -> Advanced
    [X] "Allow pages to choose their own fonts, instead of my selections above"

You can check the font used for selected text in the Font tab in the right pane of the Inspector.

Note that this is not about the font-family CSS rule, but about the font that Firefox actually uses as shown in the Font tab.