Jak rozwiązać problemy z renderowaniem czcionek w mobilnym Safari?

Question

Mam problem z renderowaniem czcionek w mobilnym Safari (Safari na moim Macu sprawia, że ​​dobrze). Używam czcionki OpenType wraz z selektorem @ font-face, a niektóre z postaci (głównie po prostu "s" i "c") wyglądają o wiele bardziej cienko niż inne (bardzo zauważalnie - w stosunku do siebie wygląda jeden "światło", a pozostałe wyglądają "odważnie" Najdziwniejsze jest to, że dzieje się to tylko w trybie poziomym Czy ktoś widział to już wcześniej? Jedyne, co sprawia, że ​​odejść, to ustawić -webkit-transform: translate3d (0 ., 0,0); na selektorze ciała, która wydaje się całkowicie błędne, ale może dać trochę wgląd problemu natknąłem że w innym miejscu: http://openradar.appspot.com/11097956

Dzięki z góry za wszelką pomoc, Brandon

.

Answer 1

To wygląda na to, czego potrzebujesz: Fix font size issue on Mobile Safari (iPhone) where text is rendered inconsistently and some fonts are larger than others? Użyli tego kodu, aby to naprawić:

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