2010-07-10 8 views
7

Moja aplikacja zawiera interfejs UIWebView. Gdy aplikacja obraca się z portretu na krajobraz lub z powrotem, wydaje się, że masa czcionki nieznacznie się zmienia. Zarówno pogrubiony tekst, jak i zwykły tekst mają nieco bardziej wyrazisty krajobraz i nieco cieńszy portret.Czcionka UIWebView jest cieńsza w fotografii niż w krajobrazie

Nie wygląda to tak, jak w Safari, tylko w mojej aplikacji. Oto przykładowy obraz, zrobiony jako zrzut ekranu na iPadzie. Obróciłem i przyciąłem przykładową sekcję.

alt text http://dl.swankdb.com/font-change-example.png

mam skonfigurowane następujące CSS, ale wydaje się, aby zapobiec drastycznym Zmień rozmiar czcionki, a nie subtelna zmiana masy ciała, które ja obserwując:

html { 
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */ 
} 

Może ktoś to wyjaśnić? Symulator tego nie robi - ale mój iPad, iPhone 3GS i iPhone 4 to wszystko mają. Otrzymałem również od klientów raporty, że im się to przydarzyło, więc wiem, że to nie w mojej głowie!

+1

Twój własny fragment rozwiązał dla mnie problemy z czcionkami! –

Odpowiedz

3

Dobrze po spędzeniu rediculous ilość czasu próbuje dowiedzieć się tego znalazłem rozwiązanie:

użyj:

html {

-webkit-font-wygładzanie: none;

}

+0

Tak, to działa dla mnie. Dzięki! – Echelon

16

Widziałem to w samej Safari też z aplikacji internetowej Kładę razem. Po dniu lub tak głowy zarysowania i dekonstrukcji CSS używany przez podręcznika iPad, stwierdziliśmy, że

-webkit-transform: translate3d(0,0,0); 

załatwia sprawę. Googling dookoła wygląda tak, ponieważ umożliwia przyspieszanie sprzętowe renderowania, co prowadzi do znacznie bardziej spójnych rezultatów w orientacji pionowej i poziomej.

+0

Świetne znalezisko! Dzięki. – canisbos

+0

Dziękuję bardzo, poprawia to znacznie rendering na ikonach picto/ikon. –

2

Powodem tego jest to, że tylko jeden tryb może wykorzystywać subpiksele na wyświetlaczu, ponieważ są one ułożone w określonym kierunku. W innym trybie wyświetlana jest czcionka z wygładzonym wygładzaniem i wyglądają nieco inaczej.