Avatar for Username

সহায়তা খুঁজুন

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

এই থ্রেডটি সংরক্ষিত ছিল। যদি আপনি সাহায্য চান তাহলে অনুগ্রহ করে একটি নতুন প্রশ্ন জিজ্ঞাসা করুন

Anton and Sunflower Font Not Displaying Correctly in Some Browsers

  • 2 উত্তরসমূহ
  • 1 এই সমস্যাটি আছে
  • 1 দেখুন
  • শেষ জবাব দ্বারা 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.

All Replies (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.