Safari font rendering issues

Question

As you can see below, the Texta-Light font in Chrome appears completely different with Safari. Chrome displays the font as I like but Safari\'s rendering on OS X and iOS loo

Answer 1

Based on @lucho's answer, I used same approach but I'm applying the fix as soon as tag loads. This fixes the issue with too thin Open Sans font in iOS Safari.

ALTERNATIVE APPROACH:

Alternatively you can add a class like ios-safari to tag and then apply CSS to it normally:

CSS:

.ios-safari {
  -webkit-text-stroke: .5px;
}