Why text of the Nav menu with Chrome has a subtle opacity compared to Firefox

[snippet248]

Checking the css the color in Chrome and in Firefox the value in both is rgba(0,0,0,0.6) but they don’t look the same.. setting with the inspector in Firefox the value rgba(0,0,0,0.5) returns a similar color. Whats going on?
In case you want to look at the code…
https://www.otzerling.com/

[Shikkediel]

Fonts lack full predictability across browsers, they just aren’t rendered the same… even in black they look different. I think Firefox’s default is slightly bolder.

[snippet248]

Thanks for the answer, can’t this type of css differences be tested and accordingly adjusted by browsers? Also which one is rendered with more fidelity? Is it Chrome or Firefox?

[Shikkediel]

I couldn’t tell you which browser does what exactly, it’s too inconistent and I have never looked into it that deeply – recognising that it would be mostly frustrating and unproductive because there’s just little one can do. Even setting the same font-weight tends to have different results. These topics have some tips that could lead to more predictability though:

stackoverflow.com/30876894
stackoverflow.com/5082632

[Author]

Posts