Come correggere i problemi di rendering dei caratteri in Safari per dispositivi mobili?

Question

Ho riscontrato un problema con il rendering dei caratteri in Safari mobile (Safari sul mio Mac viene visualizzato correttamente). Sto usando un font OpenType insieme al selettore @ font-face e alcuni dei caratteri (principalmente solo 's' e 'c') appaiono molto più sottili di altri (molto notevolmente così - relativamente l'uno all'altro sembra 'light' e gli altri sembrano 'bold' La cosa più strana è che sta accadendo solo in modalità landscape.Qualcuno ha visto questo prima? L'unica cosa che fa sparire questo è impostare -webkit-transform: translate3d (0 ., 0,0); sul selettore corpo che sembra completamente sbagliato, ma può dare un po 'di comprensione del problema mi sono imbattuto che su un altro sito: http://openradar.appspot.com/11097956

Grazie in anticipo per qualsiasi aiuto, Brandon

.

Answer 1

Questo è quello che ti serve: Fix font size issue on Mobile Safari (iPhone) where text is rendered inconsistently and some fonts are larger than others? hanno usato questo codice per risolvere il problema:

/* Mobile browsers only */ 
@media only screen and (max-device-width: 480px) {  
     td#main_box { -webkit-text-size-adjust:100% }    
}