Better Firefox font rendering with ClearType on Windows

Published 1 minute read

I use RunCloud for managing my VPSs. I noticed that the dashboard icons look bad on Firefox, while on Blink-based browsers such as Chrome and Edge, they look smooth. Check out this side-by-side:

Image of images/image.png

Firefox

Image of images/image-3.png

Chrome/Edge

I much prefer the way Firefox renders fonts, especially on thinner fonts which seem to be all the rage these days since iOS 7. A lot of them are hard to read on Chrome/Edge and Firefox renders them a lot clearer on Windows 10.

This icon font rendering is not good though, so I did some investigating and found this line in about:config:

gfx.font_rendering.cleartype_params.rendering_mode

These are the options I found associated with it:

I chose option 5 (default -1) and rendering is a lot better now:

Image of images/image.png

Before

Image of images/image-4.png

After

It could still improve a bit, but at least it’s not as jaggy as before.