Safari schneidet Fonts mit Zeichen ab, die außerhalb der Font-Datei liegen. Bounding-Box

Question

Ich arbeite an einer typografieorientierten Website und stolperte mit Safari (9.0.3) über OS X El Capitan über ein großes Font-Rendering-Problem.

Ich denke, Safari ist bekannt, dass Probleme mit Glyphs, die außerhalb der Schriftart-Dateien Bearing Bars, vor allem bei Hover-Änderungen gehen. fand ich ein Abhilfe für das, aber ich habe immer noch Probleme mit dem Klartext in einem div-Block:

http://jsfiddle.net/bRs3Q/9/

CSS

body{ 
      font-size:120px; 
      text-align: center; 
      text-transform: uppercase; 
      font-family: Arial; 
      font-style:italic; 
    } 

.text{ 
      display:block; 
      width:80%; 
      margin:0px auto; 
     } 

Safari immer die Schrift schneidet direkt vor einer Die Zeile nähert sich einem Zeilenumbruch und genau an der Stelle, an der die Glyphe aus der Schriftart-Datei-Begrenzungsbox verschwindet.

Gibt es eine Möglichkeit, den Font-Rendering zu ändern oder den Zeilenumbruch zu manipulieren?

Answer 1

Ich hatte ein ähnliches Problem mit einer eigenen Schriftart. Sie könnten es in der gleichen Weise reparieren, wie ich es getan habe: Hinzufügen, d. H. 20px Padding und -20px Marge.

Siehe auch: Chrome cuts off parts of type on the left, firefox and IE display fine. Chrome bug?