- This topic is empty.
May 24, 2012 at 1:55 pm #38201
Ive been using @font-face on a new design, all has been good but im getting inconsistent font weight (basically all fonts have a bold weight even though I have set to normal) results in OSX. After a bit of searching I found a solution for Webkit ‘-webkit-font-smoothing: antialiased;’ but I cant find a solution for Firefox or even better a cross browser solution.
Thx in advance.May 24, 2012 at 3:24 pm #103433SenffParticipant
If they all have a bold weight, why not just add
font-weight:normal;to the declaration?
Though, in essence, I think it’s something we just have to accept that different browsers render embedded fonts differently.May 24, 2012 at 3:49 pm #103435May 24, 2012 at 3:58 pm #103436May 24, 2012 at 4:03 pm #103437May 24, 2012 at 4:11 pm #103438May 24, 2012 at 4:23 pm #103440May 24, 2012 at 4:31 pm #103441
@ChristopherBurton thanks I tried that before posting here but it didnt work for me.May 24, 2012 at 4:48 pm #103443
Do you have a link to the page?May 24, 2012 at 5:11 pm #103445
No its on local systemMay 24, 2012 at 5:22 pm #103447
Hmm. What typeface are you using?May 24, 2012 at 5:44 pm #103448May 24, 2012 at 7:03 pm #103449
@gravitas Is it doing it here also? http://www.fontsquirrel.com/fontfacedemo/merriweatherMay 24, 2012 at 7:21 pm #103450joshuanhibbertMember
It sounds like you are experiencing expected behavior. The image you linked to looks completely normal (OSX on the left and Windows on the right). Windows and OSX render fonts differently, and most typefaces appear heavier on OSX. For instance, compare the weights on this page (under the ‘Browser Samples’ tab): https://typekit.com/fonts/chaparral-pro
I think you said it best yourself:
Im not referring to the different way OS’s handle antialiased text but a core difference in the way the font is rendered.
You have basically answered your own question without realising it. The different OS’s (and browsers) use different rendering engines, that’s just something we have to live with! Webkit has a font-smoothing property for text, whereas Firefox does not.May 24, 2012 at 7:35 pm #103451
- The forum ‘CSS’ is closed to new topics and replies.