Похоже, что Mobile Safari имеет некорректный способ рендеринга искусственных стилей со шрифтами . Для жирного шрифта он будет удваивать текст и смещение, и с большинством шрифтов он останется незамеченным, но с тонкими гранями шрифта это будет выглядеть как двойное зрение.
В вашем случае Reenie Beanie не включает жирный стиль , и если вы используете их в качестве заголовка, не меняя font-weight на normal или 400 это сделает рельефный жирный шрифт «искусственным».
Обратите внимание, что использование искусственных стилей обычно с ошибками в некоторых браузерах , а не только в Mobile Safari.
Решение 1. Используйте соответствующий font-weight
Таким образом, лучшее решение - изменить вес шрифта на тот, который предоставляют шрифты Google, быстрое исправление ниже:
h1, h2, h3, h4, h5, strong, b {
font-weight: 400;
}
/* or font-weight: normal */
Решение 2. Используйте нужный шрифт, выделенный полужирным / курсивом
Другое решение состоит в том, чтобы выбрать шрифт из архива веб-шрифтов, который включает в себя жирный стиль. Альтернативы в Google Fonts, которые очень похожи на Reenie Beanie и являются «более смелыми», были бы, например, Рука Гочи , Солнечный свет или Постоянный маркер .
Решение 3. Подделка подделки с помощью других средств
Если вы действительно настаиваете на том, что хотите использовать искусственный жирный стиль, вы можете попробовать использовать тонкий текст-тень или текстовый штрих .