I have two sites with fonts loaded thru face-font in css, kind of styled fonts and in both cases the fonts thickness are different in safari and chrome. In safari it looks good, like the font should look but in chrome/FF font is much bolder.
Make sure to use numeric values for the "font-weight" attribute in the css and check .
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Hi,
I have two sites with fonts loaded thru face-font in css, kind of styled fonts and in both cases the fonts thickness are different in safari and chrome. In safari it looks good, like the font should look but in chrome/FF font is much bolder.
Do you have any fix for that?
Many thanks.
Hey Again,
Make sure to use numeric values for the "font-weight" attribute in the css and check .
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
h1 { font-weight: 600 !important; }Thanks
ThemeNectar Support Team
Hi Tahir,
Thanks, but it did not help.
Gonna escalate it to the developer so he may check in Safari and add in a response.
Best
ThemeNectar Support Team
I changed it to 400 and now looks great!
Thank you!