Наполнитель · русскийРусская рыба
Текст-рыба кириллицей для проверки вёрстки: слова длиннее английских, курсив устроен иначе, а половина интерфейсных шрифтов кириллицу просто не содержит. Всё считается в браузере.
Генератор
Проверка покрытия шрифта
Впишите название гарнитуры и посмотрите, отрисует ли она кириллицу или браузер молча подставит резервную. Ширина пробы сравнивается с заведомо отсутствующим шрифтом: совпала — значит подмена.
Проверять надо и курсив: отсутствие курсивного начертания встречается чаще, чем отсутствие прямого, а синтетический наклон для кириллицы выглядит откровенно неверно.
Строки худшего случая
Случаи, на которых русская вёрстка ломается первой.Что ломается
Курсив кириллицы — не наклонённый прямой
У настоящего курсива меняются формы букв: «т» становится похожей на «m», «д» и «и» приобретают иное строение. Синтетический наклон, который браузер применяет при отсутствии курсивного начертания, для кириллицы выглядит откровенно неверно — тогда как для латиницы почти незаметен, и потому дефект долго не замечают.
Шрифт молча подменяется
Многие интерфейсные гарнитуры кириллицу не содержат. Браузер подставляет резервную с другими метриками, и вёрстка съезжает без единой ошибки в консоли: высота строки, межбуквенное расстояние и оптический вес меняются разом. Найти это можно только измерением или глазом, а не логами.
Прописные однородны по высоте
В латинице выносные элементы «b», «d», «p» создают силуэт слова, по которому глаз узнаёт его целиком. Кириллические прописные почти все одной высоты, и текст капслоком читается заметно хуже. Это ограничивает применимость `text-transform: uppercase` в заголовках и кнопках — приём, работающий по-английски, по-русски ухудшает читаемость.
Буква «ё» есть не везде
В шрифтах она присутствует не всегда, и при отсутствии подменяется знаком из другой гарнитуры — выбивается по цвету, ширине и иногда по высоте точек. Отдельная неприятность: подмена происходит на уровне одного знака, поэтому в слове «ёж» разными шрифтами набраны две буквы из двух.
Наборные знаки заменяются латинскими
Русская типографика требует кавычек-ёлочек «», длинного тире — с неразрывным пробелом перед ним и отсутствия пробела перед знаками препинания. Прямые кавычки и дефис вместо тире — характерный признак непроработанной локализации, который замечает любой редактор и не замечает ни один тест.
Переносы требуют объявленного языка
Как и в немецком, `hyphens: auto` работает только вместе с `lang="ru"`. Без атрибута словарь переносов не подключается, и длинные слова вроде «взаимодействие» растягивают строку или выходят за границу колонки.
Шрифты
Полное покрытие дают Noto Sans и Noto Serif, PT Sans и PT Serif, Inter, Onest. Проверять нужно наличие именно курсивного начертания, а не только прямого: отсутствие первого встречается чаще. Если гарнитура кириллицу не содержит, браузер подставит резервную с другими метриками — и вёрстка съедет без единой ошибки в консоли.