Шрифт, показывающий "Двойной" при просмотре в мобильном браузере
У меня возникла проблема при использовании гарнитуры "Abril Fatface" в том, что она правильно отображается при больших размерах и в веб-браузерах, однако при просмотре меньших размеров на портативных устройствах она имеет эффект "двойного изображения" на тонких руках и шпорах, Размер шрифта установлен на 48 пикселей.
Я приложил фотографию, которая показывает то, на что я ссылаюсь ниже. Это особенно заметно на: "W", "e", "g", "a", "t", "m", "c", "r" и т. Д. Этот снимок экрана от Chrome на iPhone 8, однако я пробовал это на тот же телефон в Safari и в Chrome на iPhone 5, и проблема все еще там.
У кого-нибудь есть предложения как это исправить? Я, честно говоря, понятия не имею, что искать, поэтому прошу прощения, если это общая проблема.
1 ответ
Убедитесь, что вы добавили:
<meta name="viewport" content="width=device-width, initial-scale=1">
на ваш<head>раздел.