Browser's hijacking font weights

Built site (hand coding html, css and php) mainly using Firefox. When almost done, I checked in other browsers and found an issue I’ve noticed before, but as this site has #fff text and dark backgrounds, the problem became noticeable and annoying.

Font weights differ depending on browser. Text that’s just fine in Firefox (Mac) becomes hard to read in Chrome. Have tested upteen ways to remedy this, but failed.

Obviously, it’s the browsers themselves that hijack font weights: https://css-tricks.com/firefoxs-bolder-default-is-a-problem-for-variable-fonts/

Somebody has som genius trick to have the same optical font weight in all browsers?


2 Likes

Please give full details of the font you are using and whether you are using <b>.

1 Like

Also… did you… yaknow, follow the suggestion that article you yourself linked to had as far as defining a weight to b and strong?

1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.