So my website in Oxygen and my website in Bricks have the same fonts, the same weights, the same files, the same method of uploading (Altmann script) yet the ones in Oxygen are way thicker.
https://eetcafedepreuverij.nl (Oxygen)
https://wordpress-927025-3492040.cloudwaysapps.com (Bricks)
The food menu’s should be identical, but they are not. I’ve tried everything, does anybody have an idea?
It’s because Bricks adds font smoothing in the default CSS…
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
Tnx a lot! Why doesn’t Oxygen do this, and what is the advantage / drawback? And does every font noticeably have this? Never came to my attention before…
I don’t think it helped btw 
put the code in the Bricks settings CSS and flushed cache. Bout the same.
You’re misunderstanding, Bricks already adds that CSS. So adding again wouldn’t change anything. You’d need to add to Oxygen if you wanted them to look the same. (or change to ‘auto’ in Bricks to remove it)
Font smoothing is something I’ve always added since I’ve known about it, i think it makes the typography more readable as more detailed edges, but needs to be taken into account with thinner weights. It’s a topic where people have different opinions on it, some people prefer the thicker look or argue that the antialiased makes it harder to read. Obv depends on the font family and if it’s dark mode etc, that makes it a good decision or not.
Ok, understood! Tnx again.