2013-08-09 12 views
7

Ho un testo con carattere non Web, ho usato @font-face per questo.Line-height funziona in modo diverso su Mac e Windows

sta funzionando bene in tutti i browser su Windows, ma top allineati in tutti i browser su Mac.

enter image description here

Blue Box in questa immagine è line-height.

ho trovato this similar question, ma non fornisce una soluzione praticabile.

+2

hai il carattere in questione installato su entrambe le macchine? solo un pensiero iniziale –

+0

Questo post di altri SO potrebbe aiutare [link] (http://stackoverflow.com/questions/21442910/line-height-not-vertically-centering-text-on-mac-but-looks-fine-on-windows) –

+0

Se si tratta di un carattere Web, provare a normalizzare le impostazioni dell'altezza della riga nel file del font utilizzando Font Squirrel [Generatore di caratteri Web] (http://www.fontsquirrel.com/tools/webfont-generator); ha un'opzione per "Correggere le metriche verticali (Normalizza attraverso i browser)"; Questo potrebbe risolverlo (dipende dal tipo di carattere) – feeela

risposta

-3

try css attributo "vertical-align: middle", questo potrebbe risolvere il problema.

2

Se è risolto utilizzando un font diverso il problema è con il tipo di carattere, non con il CSS.

Font Squirrel ha un'opzione in 'esperto' in cui è possibile controllare 'Auto-Adjust verticale Metrics' questo potrebbe funzionare per voi.

Problemi correlati