Safari на iPad игнорирует символы фута и дюйма при кастомном шрифте

294

26 ноября 2016, 18:45

Safari на iPad не отображает символы фута (′ = \u2032) и дюйма (″ = \u2032) при использовании шрифта Anago.

Насколько я понимаю, в этом шрифте нет нужного символа, но десктопные браузеры отображают недостающие символы стандартным шрифтом. На iPad ситуация другая.

При этом я попробовал другие отсутствующие в шрифте символы (заменил латинские ace на кириллические асе), и они отобразились корректно дефаултным шрифтом.

Так в чём же проблема с данными двумя символами?
Как сделать, чтобы эти символы отобразились стандартным шрифтом?

<!doctype html>
<meta charset=utf-8>
<title>iOS Safari doesn't render feet and inches</title>
<style>
@font-face {
  font-family: "Anago";
  src: url("Positype - Anago-Book.otf");
  font-weight: 300;
}
body {
  font-family: Anago, sans-serif;
  font-weight: 300;
  font-size: 4em;
}
</style>
<p>Just a test - latin</p>
<p>Just а tеst - lаtin аnd сyrilliс</p>
<p>5′ 9.7″</p>
<p style="font-family: sans-serif">5′ 9.7″</p>

Десктопный Chrome в Windows:

Десктопный Safari на Mac:

Safari на iPad:

Другие браузеры на iPad'е ведут себя аналогично.

PS: Этот вопрос по-английски.

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

css. Вопрос про позиционирование, или нет?

Очень долго искал, но не нашел ответ

251

CSS

Как сделать резиновую картинку на одной линии с текстом?

При этом текст не должен не должен обтекать картинку как при использовании float

265

CSS

Как сделать так, что бы элементы дрыгались так же

Добрый день, подскажите, пожалуйста, как можно сделать так же как на этом сайте (http://enjoymeru/box/), в исходниках смотрел, что они делают это при помощи...

352

CSS

Поле с выпадающим списком select. Изменить цвет текста выделенного option

Добрый день, друзья! Имеется поле со списком selectОдин option сделан disabled (так как поле со списком не имеет placeholder) и hidden (чтобы не был виден в списке)

444