Devo aver passato tutte le pagine di google ma non ho ancora trovato la soluzione. Ho un carattere personalizzato che sto usando attraverso css font-face. Il carattere aggiunge imbottitura extra sul fondo a seconda del browser e del sistema operativo che sto usando. L'immagine sotto mostra un esempio con mac che si trova a sinistra e windows a destra. Sembra corretto a destra (in Windows) e voglio che sia lo stesso su mac.css @ font-face non allinea il testo verticalmente su tutti i browser
@font-face
{
font-family: universLight;
src: url('http://www.viggi.com/fonts/UniversLTStd-Light.otf');
font-weight: normal;
font-style: normal;
}
#button{
font-family: universLight;
border: 1px solid black;
background: #ccc;
}
Il codice si trova a http://jsfiddle.net/ZDh5h/
Ecco quello che già so non funzionerà dalla mia ricerca.
- altezza della riga aggiunge imbottitura in alto e in basso in modo che l'imbottitura in eccesso sul fondo rimanga.
- utilizzando estensioni diverse come .otf o .ttf non funziona. Basta produce gli stessi risultati
- cambiare il font-size anche in realtà non fa nulla
Io uso questo tipo di carattere molto attraverso il sito e in realtà non voglio aggiungere diversi fogli CSS per Mac vs finestre. Se qualcuno sa comunque risolvere questo problema senza dover aggiungere il javascript, sarei molto grato.
Grazie.