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

I had the same issue with font rendering on Safari, the browser couldn't cant find a bold version for the web font so it was trying to copy it which may vary in the bad rendering result.

You can try to disable it by adding: this CSS:

font-synthesis: none

Otherwise you can try setting the font-weight manually to one which is available ie.

font-weight: 400

Answer 2

Work for me!!!

.text{
       font-weight: unset;
       -webkit-text-stroke: thin;
}

Try it...!