Due to how the text rasterizer works, fonts look heavier on OS X and iOS, compared to to other operating systems.

And, trying to close this gap with per-browser CSS styles is a common pattern.

Type Rendering Mix

Type Rendering Mix is a tiny JavaScript library that allows to apply styles only when Core Text is used (iOS and OS X) in order to achieve a more consistent rendering while preserving the accuracy of sub-pixel antialiasing.

Also, Type Rendering Mix can be used to disable web fonts when no antialiasing is applied.

It works by auto-adding some styles to theelement that represent the rasterizer and anti-aliasing support on the browsers and leaves the rest to us (creating the styles).

WebResourcesDepot Feed