Why is text too bold in firefox?

Question

css

Used by open-sans. Loaded via css. Links are set to font-weight: 600; Everything is ok in google chrome. In FF, the text is the fattest! What to do?

Answer 1

Various font smoothing is applied. To fix this, you need to set CSS properties for the container:

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

with them, the font display will be thinner and clearer. But if you work under Mac, then this is normal and I don’t really recommend using such properties if the text block is intended for reading, that is, for article texts, some other non-decorative elements

Answer 2

It's a bit late, but FF has support for directwrite and it is enabled by default - that is, the fox redraws the font itself if there is no font of the required thickness. Set explicit font-weight to existing fonts only, or disable directwrite.