2010-07-10 2 views
7

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

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

alt text 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. Я также получил от клиентов отчеты о том, что с ними происходит, поэтому я знаю, что это не в моей голове!

+1

Ваш собственный фрагмент решения проблем шрифта для меня! –

ответ

3

Ну, проведя Rediculous количество времени, пытаясь понять это, я нашел решение:

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

HTML {

-webkit-шрифт-разглаживание: нет;

}

+0

Да, это работает для меня. Благодаря! – Echelon

16

Я видел это в самом Safari тоже с веб-приложение, которое я собираю. Через день или около головы царапин и деконструкции C, используемой в Руководстве пользователя IPAD, я обнаружил, что

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

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

+0

Отличная находка! Благодарю. – canisbos

+0

Большое спасибо, это улучшает чрезвычайно рендеринг на picto/icon fonts. –

2

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

Смежные вопросы