Кириллические буквы шрифта Montserrat из Google Fonts неправильно отображаются на iOS, если атрибут lang не указан

Начальная настройка:

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&amp;display=swap">

html {
    font-family: Montserrat, sans-serif
}

Плохо выглядит, когда [lang] установлено в 'ru' или любое другое значение:

<html lang='ru'>

кириллические символы

Выглядит хорошо, когда [lang] установлено на 'en':

<html lang='en'>

кириллические символы

Выглядит хорошо, когда [lang] не установлен:

<html>

кириллические символы

Вот как это выглядит с «семейством шрифтов: без засечек»:

кириллические символы

Я столкнулся с этой проблемой только на своем iPhone с iOS 14.0.1 в любом веб-браузере (поскольку все браузеры на iOS основаны на WebKit).

Он не воспроизводится в Safari 14 на macOS или любом другом браузере.

Аналогичная проблема: кириллица неправильно отображается при использовании Монтсеррат на болгарском языке


html css google-webfonts cyrillic
person Даниил Пронин    schedule 08.10.2020    source источник
comment
Короче говоря, кажется, что iOS Safari по какой-то причине выбирает болгарскую версию символов кириллицы вместо правильной для русского языка. Похоже на ошибку, которую нужно обойти.   -  person Ilya Streltsyn    schedule 08.10.2020
comment
github.com/google/fonts/issues/2688   -  person Даниил Пронин    schedule 08.10.2020
comment
github.com/JulietaUla/Montserrat/issues/109   -  person Даниил Пронин    schedule 08.10.2020

Ответы (1)


arrow_upward
0
arrow_downward

Попробуйте это в CSS

* {
  -webkit-locale: auto;
  white-space: normal;
}

Работает на меня

person Александр Исайчев    schedule 22.10.2020
comment
больше не работает в macOS 11 - person Даниил Пронин; 10.12.2020