0

I've read this, but didn't actually provide a solution, and the issue was reversed from my problem.

So I'm using Roboto Slab with 400 weight, 1em size, which renders nicely on Windows but incredibly thick on OS X.

I only realised this when I bought a MacBook Air.

Is there a way I can reduce the weight if a user is viewing on OS X? Or something like em (vs px) for weight?

Community
  • 1
  • 1
OJFord
  • 10,522
  • 8
  • 64
  • 98
  • The accepted answer for this question should help you out. Quite a bit of extra work for just the font weight, but if nothing else works for you it might be worth a try: http://stackoverflow.com/questions/10247648/can-i-code-css-specifically-for-mac-browsers – Dryden Long Dec 16 '13 at 17:41
  • That site suggests instead using a different tool which not only appears to offer browser detection, not OS detection, but also says not to use it. Huh. – OJFord Dec 16 '13 at 17:55
  • The reason it says that is because the writer didn't feel like keeping up with the constant browser/OS updates. Using `navigator.platform` or `navigator.userAgent` can get you the info on what system is being used to view your page. Like I said, probably a lot of work, but if you're hell bent on making it happen, this is the only way I know of... – Dryden Long Dec 16 '13 at 18:03

2 Answers2

0

Type Rendering Mix can help you out. It detects which text rasterizer and antialiasing your browser is using, so you can tweak your font styles accordingly.

RoelN
  • 2,181
  • 13
  • 15
0

Try applying -webkit-font-smoothing: antialiased; to your problematic font.

Júlio Paulillo
  • 616
  • 6
  • 7