У меня есть страница, которая отлично выглядит на рабочем столе, но выглядит ужасно на мобильных устройствах. Я спросил некоторых людей, и они сказали, что шрифт (MS PGothic) несовместим с мобильным телефоном, но когда я сменил его на Arial, он по-прежнему отображает странные символы? Есть ли способ исправить это?Почему текст отображает символы на мобильном телефоне?
Введите код! (Live preview)
<!DOCTYPE html>
<html>
<head>
<title>☆</title>
<style>
div.main {
font-family: "ms pgothic";
line-height: 110%;
}
div.header {
font-family: "ms pgothic";
text-align: center;
line-height: 50%;
}
</style>
</head>
<body>
<div class="header">
<p><i>stay close to me, don’t go</i></p>
<p><a href="//example.com">twitter</a>
<a href="//example.com">tumblr</a>
<a href="//example.com">curiouscat</a></p>
</div>
<div class="main">
<ul>
<li>tome (toh-meh)</li>
<li>they/them, non-binary</li>
<li>18↓</li>
<li>february 8, aquarius</li>
<li>se asian</li>
<li>socal</li>
<li><a href="/example.html">personality</a></li>
</ul>
</div>
<div class="header">
<a href="/byf.html">byf</a>
<a href="/ids.html">ids</a>
<a href="/ccs.html">ccs</a>
<a href="/bl.html">blacklist</a>
<a href="/i.html">interests</a>
<a href="/f.html">favs</a>
<a href="/c.html">credit</a>
</div>
</body>
</html>
Ариал не шрифт поддерживается в любых мобильных устройствах. Вы должны указать URL-адрес шрифта, используя @ font-face. –