Fonts are messed up in FireFox only
This has probably been an issue for quite some time and I just ignored it. The fonts, on all pages, are not correct with Firefox. Not an issue in other browsers. The fonts are "broken"...like somebody wrote them with a pen that was running out of ink. Running Windows 10.
I've done some digging around to look for a solution, but nothing has worked.
See attachment,
All Replies (2)
This could be related with the recent switch in Firefox 52+ from Cairo to Skia for canvas/content rendering.
Firefox 52+ has changed from Cairo to Skia for canvas/content rendering.
- https://www.mozilla.org/en-US/firefox/52.0/releasenotes/
- When not using Direct2D on Windows, Skia is used for content rendering
You can modify these gfx.*.azure.backends prefs on the about:config page to revert to the old font rendering swap the skia,cairo order to cairo,skia or remove the skia and leave cairo.
- gfx.canvas.azure.backends = direct2d1.1,cairo,skia
- gfx.content.azure.backends = direct2d1.1,cairo,skia
You can open the about:config page via the location/address bar. You can accept the warning and click "I'll be careful" to continue.
Still a problem. I made the change, restarted and it still exists. When I look at an identical page in MS Edge it looks perfectly smooth and clear.