Шрифт UIWebView на портрете тоньше, чем на альбомной

Question

Мое приложение содержит UIWebView. Когда приложение поворачивается от портрета к пейзажу или назад, вес шрифта, кажется, немного изменяется. И полужирный текст, и обычный текст становятся немного смелее в альбомной ориентации и немного тоньше в портретной.

Это не относится к Safari, только в моем приложении. Вот пример изображения, сделанного в виде скриншота на iPad. Я повернул и обрезал пример раздела.

альтернативный текст http://dl.swankdb.com/font-change-example.png

У меня настроен следующий CSS, но, похоже, он предотвращает резкое изменение размера шрифта, а не тонкое изменение веса, которое я наблюдаю:

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

Может кто-нибудь объяснить это? Симулятор этого не делает - но у моего iPad, iPhone 3GS и iPhone 4 все это есть. Я также получал сообщения от клиентов, что с ними такое происходит, поэтому я знаю, что это не в моей голове!

Answer 1

Я видел это и в самом Safari вместе с веб-приложением, которое я собираю.После дня или около того царапин на голове и деконструкции CSS, используемого в Руководстве пользователя iPad, я обнаружил, что

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

помогает.Поиск в Google выглядит так, как будто это обеспечивает аппаратное ускорение рендеринга, что приводит к гораздо более последовательным результатам в портретной и альбомной ориентациях.

Answer 2

Хорошо потратив много времени на попытки выяснить это, я нашел решение:

Используйте это:

html {

-webkit-font-сглаживание: нет;

}

Answer 3

Причина в том, что только один режим может использовать субпиксели на дисплее, потому что они расположены в определенном направлении.В другом режиме шрифт будет отображаться с использованием сглаживания в оттенках серого и будет выглядеть немного иначе.