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!

ابحث في الدعم

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

Truetype fonts (Google Roboto, etc...) are rendered with buggy letters (ClearType off, Windows smooth off) {SOLVED}

  • 9 ردود
  • 9 have this problem
  • 1 view
  • آخر ردّ كتبه Feedback9237

more options

Hi, please help with subject problem. Problem example is attached. Most of sites look completely ok, though particular fonts "bugged". On youtube, it's Roboto fonts.

Next ideas are NOT solutions: - to enable ClearType (makes fonts bad-looking) - to enable windows fonts smoothing (same) - to disable custom fonts in firefox (works, but kinda brokes lot's of sites) - standart gdi setting modification (they are outdated- no effect in new Firefox versions, most of settings don't even exists)

Google brings only ideas above. OS: Windows Server 2008 R2

Non-compressed example https://yadi.sk/i/fBTos56QhWwyY

ALTERNATIVE, FRIENDLY SOLUTION: https://support.mozilla.org/en-US/questions/1069023#answer-746781

Hi, please help with subject problem. Problem example is attached. Most of sites look completely ok, though particular fonts "bugged". On youtube, it's Roboto fonts. Next ideas are NOT solutions: - to enable ClearType (makes fonts bad-looking) - to enable windows fonts smoothing (same) - to disable custom fonts in firefox (works, but kinda brokes lot's of sites) - standart gdi setting modification (they are outdated- no effect in new Firefox versions, most of settings don't even exists) Google brings only ideas above. OS: Windows Server 2008 R2 Non-compressed example https://yadi.sk/i/fBTos56QhWwyY ALTERNATIVE, FRIENDLY SOLUTION: https://support.mozilla.org/en-US/questions/1069023#answer-746781

Modified by Feedback9237

الحل المُختار

Note that you can edit your first post and edit the title field via the sidebar next to your first post.


The fonts are loaded via an inline style tag from "fonts.gstatic.com/s/roboto/" as you can check via the page source.

You can try to block this URL on YouTube sites via Adblock Plus to prevent loading this font via an @font-face rule.

Read this answer in context 👍 1

All Replies (9)

more options

Did you try to disable hardware acceleration in Firefox with ClearType enabled?

You can try the Anti-Aliasing Tuner extension:


The screenshot doesn't show.

Can you attach a screenshot with ClearType enabled?

  • Use a compressed image type like PNG or JPG to save the screenshot
  • Make sure that you do not exceed the maximum size of 1 MB
more options

Sorry for accuse of firefox in this problem - it's native Windows trouble. I had very few fonts with wrong render and thought it's only appears in Fox. But after installling Robo font, it was ugly in Office too. Still, have attached example.

I can see two way to solve this: - setup Windows smoothing exclusevly for some fonts sadly, no idea how to do this - setup firefox to replace particular fonts with pixel-friendly others seems possible with addons

Thanks and keep up great work with Mozilla.

P.S. The point is exaclty not to have any windows ClearType settings enabled - I used to see very clean fonts without antialiasing (this is usefull for MSVS, for example).

Modified by Feedback9237

more options

--del

Modified by Feedback9237

more options

Did you try to adjust the DPI setting in Windows?

You can check if there is an update for your graphics display driver and check for hardware acceleration related issues.

Try to boot the computer in Windows Safe Mode with network support (press F8 on the boot screen) as a test.

more options

For DPI - mine 100%, changes don't solve anything. In safe mode, problem still exists. Though this check was good idea!

I think there was possibility in XP to save one pixel fonts from smoothing over two pixels and not to have buggy render of Google fonts (means system smoothing enabled ), but now in W7 i can't find a way to do same.

I've found solution for this forum - to scale web page down. Nice result attached. Doesn't work on youtube though. Who needs youtube anyway :P

P.S. In developer mode, it's enough to replace string "font-family: Roboto,arial,sans-serif;" with "font-family: arial,sans-serif;" Which way is best to do this automatically? May be somthing of Noscript, adblock, Greasemonkey, native firefox support this type of scripts? Thanks for ideas

more options

---del

Modified by Feedback9237

more options

delete

Modified by Feedback9237

more options

الحل المُختار

Note that you can edit your first post and edit the title field via the sidebar next to your first post.


The fonts are loaded via an inline style tag from "fonts.gstatic.com/s/roboto/" as you can check via the page source.

You can try to block this URL on YouTube sites via Adblock Plus to prevent loading this font via an @font-face rule.

more options

Still didn't figured out with AdBlock, but in a bit diffrent way perfectly solved. Addon "Stylish" and new rule with added string "* { font-family: Verdana !important }" Thank you a lot for pointing out right directions!

Pixel-perfect screen by link ;) https://yadi.sk/i/hsRkvncAhXWdg

Modified by Feedback9237