Why are there strange char­ac­ters on my site when it is viewed with Sa­fari?

There is a bug in the shipped Sa­fari 9 that re­sults in strange char­ac­ters be­ing ren­dered when both lig­a­tures and soft hy­phens ap­pear on the same line. (The bug is on­ly trig­gered when the font ac­tu­al­ly sup­ports lig­a­tures, e.g. with Open Sans.)

For­tu­nate­ly, adding the fol­low­ing line to your CSS fix­es the font ren­der­ing and pre­serves lig­a­tures:

-webkit-font-feature-settings: "liga";
font-feature-settings: "liga";

If you en­able Add workaround for Safari hyphenation bug, this CSS prop­er­ty is in­sert­ed in­to your page au­to­mat­i­cal­ly.

mnd.sc-Admin

More posts