2013-08-09 3 views
7

Ich habe einen Text mit nicht Web-Schriftart, ich habe @font-face dafür verwendet.Zeilenhöhe funktioniert auf Mac und Windows unterschiedlich

Es funktioniert in allen Browsern unter Windows, aber in allen Browsern auf dem Mac top ausgerichtet.

enter image description here

Blue-Box in diesem Bild ist line-height.

Ich fand this similar question, aber es bietet keine praktikable Lösung.

+2

Haben Sie die betreffende Schriftart auf beiden Rechnern installiert? nur ein erster Gedanke. –

+0

Dieser andere SO Post könnte helfen [link] (http://stackoverflow.com/questions/21442910/line-height-not-vertically-centering-text-on-mac-but-looks-fine-on-windows) –

+0

Wenn dies eine Webschriftart ist, versuchen Sie, die Zeilenhöheneinstellungen in der Schriftartdatei mit dem Font Squirrel [Webfont Generator] (http://www.fontsquirrel.com/tools/webfont-generator) zu normalisieren; Es hat eine Option, "Vertikale Metriken zu fixieren (Normalisierung über Browser)"; Das könnte es beheben (abhängig von der Schriftart) – feeela

Antwort

-3

versuchen css Attribut "vertikal-align: Mitte", dies könnte das Problem lösen.

2

Wenn es mit einer anderen Schriftart gelöst wird, ist das Problem mit der Schriftart, nicht mit der CSS.

Schriftart Eichhörnchen hat eine Option unter 'Experte', wo Sie 'Auto-Adjust Vertical Metrics' überprüfen können, dies könnte für Sie arbeiten.

https://www.fontsquirrel.com/tools/webfont-generator