Truetype fonts (Google Roboto, etc...) are rendered with buggy letters (ClearType off, Windows smooth off) {SOLVED}
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
Chosen solution
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 👍 1All Replies (9)
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?
- http://en.wikipedia.org/wiki/Screenshot
- https://support.mozilla.org/kb/how-do-i-create-screenshot-my-problem
- 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
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
--del
Modified by Feedback9237
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.
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
---del
Modified by Feedback9237
delete
Modified by Feedback9237
Chosen Solution
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.
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