Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

Search Support

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

Font rendering on a specific website

  • 12 பதிலளிப்புகள்
  • 1 இந்த பிரச்சனை உள்ளது
  • 1 view
  • Last reply by Zbynek Michl

Hello,

I have a trouble with font rendering on one specific website - https://www.checkpoint.com.

Text on this site looks quite ugly (see font01.png).

But if I open "Web Developer" -> "Inspector" -> "Fonts" -> "All fonts on page", then I can see the text renderred correctly in the preview field (see font02.png).

So text uses "DIN WXX Regular" font, but I do not understand, why Firefox cannot render it on the web page in the same manner as in the Developer tools?

Any clue how to fix it?

Browser: Firefox 68.2.0esr (64-bit) OS: Debian Bullseye

Thanks Zbynek

Hello, I have a trouble with font rendering on one specific website - https://www.checkpoint.com. Text on this site looks quite ugly (see font01.png). But if I open "Web Developer" -> "Inspector" -> "Fonts" -> "All fonts on page", then I can see the text renderred correctly in the preview field (see font02.png). So text uses "DIN WXX Regular" font, but I do not understand, why Firefox cannot render it on the web page in the same manner as in the Developer tools? Any clue how to fix it? Browser: Firefox 68.2.0esr (64-bit) OS: Debian Bullseye Thanks Zbynek
Attached screenshots

தீர்வு தேர்ந்தெடுக்கப்பட்டது

All Replies (12)

Hi Zbynek,

Apologies for the inconvenience. I check the website myself and it looks fine (I'm using Firefox 71 in Mac). Maybe this could do the trick?

Hi,

I belive that in every Firefox with default browser/system font settings it will look fine. But I have some system font customizations, so that could be the reason. Also I have another Debian with the same customizations (but older distro version) and the same Firefox version, where it works fine. But I don't know, why Firefox behaves differently.

gfx.text.disable-aa completely disables Anti-Aliasing, so I have the ugly font on all web sites (and no change for https://www.checkpoint.com). So the question might be how to enable Anti-Aliasing for https://www.checkpoint.com while any other pages are Anti-Aliased fine?

Thanks Zbynek

There are may be some relations between Anti-Aliasing with computer's graphic rendering services. Not sure, just an opinion.

You may have accidentally zoomed web page(s). Reset the page zoom on pages that cause problems.

  • View -> Zoom -> Reset (Ctrl+0/Command+0 (zero))

Hi, zoom is ok, that's not the issue.

Regards Zbynek

Can you make it look better if you adjust the font-size setting in the Fonts tab or zoom the page.

See also:

  • browser.display.auto_quality_min_font_size

cor-el said

Can you make it look better if you adjust the font-size setting in the Fonts tab or zoom the page. See also:
  • browser.display.auto_quality_min_font_size

No change.

I have tried to copy Firefox profile from the other PC (where fonts are ok) and it did not help. Based on this I guess that any change in "about:config" won't help.

So I have a few ideas what difference could be in the game: - Debian version (8 vs. 11) - installed (font) packages - hardware

Both PCs use Xfce environment and https://www.checkpoint.com looks fine in Chromium browser.

Regards Zbynek

I would assume that this is more a matter of GTK font settings in Linux that Firefox get from the OS about rendering and anti-aliasing (subpixel).

Is there any developer forum/list, where somebody can help me to debug it?

Thanks Zbynek

So I can confirm that it brakes when upgrading from Debian 9 to 10.

Nothing to do with Firefox version.

தீர்வு தேர்ந்தெடுக்கப்பட்டது