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'е ведут себя аналогично.
″
? – Marat Tanalin 24 окт '16 в 18:29<link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
и шрифт Pacifico вместо Anago, то проблема НЕ воспроизводится. – Qwertiy♦ 24 окт '16 в 19:56