Ошибка рендеринга жирного шрифта в iOS 4.2+ webfont (ttf)

Это вполне конкретный вариант: укажите рендеринг шрифта ttf font-weight: жирный шрифт неправильно на мобильном сафари iOS, откройте демонстрационный сайт с iphone / ipad с iOS 4.2 / 4.3 Beta 3 или выше:

(это Reenie + Beanie из шрифтов Google)

http://jsbin.com / ojeqe3 / 16 /

Снимок экрана

Вы видите жирный шрифт с двойной визуализацией . Это несущественно для мелкого и среднего размера шрифта, но весьма важно для большого размера шрифта / увеличения

Мой друг сообщит об этой ошибке в Apple. Однако что он может сделать, чтобы исправить ошибку? (убейте text-adjust не OK)

Обновление: Это несущественно для мелкого и среднего размера шрифта, но весьма важно для большого размера шрифта / увеличения

Мой друг сообщит об этой ошибке в Apple. Однако что он может сделать, чтобы исправить ошибку? (убейте текст-adjust не OK)

Обновление: Это несущественно для мелкого и среднего размера шрифта, но весьма важно для большого размера шрифта / увеличения

Мой друг сообщит об этой ошибке в Apple. Однако что он может сделать, чтобы исправить ошибку? (убейте text-adjust не OK)

Обновление: Это не исправлено в iOS5.

Лучшее решение проблемы, которое я знаю, будет

  1. Использовать font-weight: normal (как показано в демонстрации)
  2. Используйте -webkit-text-strok e или text-shadow , чтобы он выглядел «жирным» (плюс только для iPad css - префикс тела добавляется js, а не только медиа-запрос)

54
задан MaxGabriel 23 December 2013 в 11:33
поделиться