Девять букв, которые ломают макет: казахский язык в интерфейсе

В казахской кириллице 42 буквы: 33 русские плюс девять своих — Әә, Ғғ, Ққ, Ңң, Өө, Ұұ, Үү, Һһ, Іі. Именно эти девять и ломают вёрстку, когда о них не подумали.

Латиница отложена, работать нужно с кириллицей

Переход казахского языка на латиницу планировали завершить к 2025 году. Проект алфавита пересматривали четырежды между 2017 и 2022 годом — последним изменением букву Ŋ заменили на Ñ; в текущей версии 32 буквы, включая Cc, Xx и Ww для иностранных слов. Затем сроки сдвинули: сначала решили пересмотреть орфографию языка, а не механически менять графику.

Для дизайнера вывод практический: в ближайшие годы делать интерфейсы и макеты нужно на кириллице, но выбирать шрифт стоит с прицелом на то, что латинская версия с диакритикой когда-нибудь понадобится.

Что происходит со шрифтом

Девять казахских букв — не «кириллица вообще». В шрифтовых подмножествах они разъезжаются: Ұұ и Іі попадают в базовую кириллицу, а Әә, Ғғ, Ққ, Ңң, Өө, Үү и Һһ — в расширенную.

Мы поймали это на себе. Сайт двуязычный, шрифты подключались с подмножествами latin и cyrillic — и на казахских страницах браузер предзагружал четыре файла из шести. Оставшиеся два, с теми самыми семью буквами, приезжали уже после отрисовки: до этого момента казахский текст показывался запасным шрифтом. Проверяется в одну строку в консоли:

document.querySelectorAll('link[rel=preload][as=font]').length

Лечится тоже одной строкой — добавлением cyrillic-ext в список подмножеств. После правки предзагружаются все шесть.

Мелочи, которые видно только в макете

У казахских букв своя графика, и хороший шрифт это учитывает:

• строчная һ повторяет латинскую h, а не является уменьшенной прописной;
• Әә графически связана с кириллической Ээ и наследует форму штриха;
• при рисовании Ғ дизайнеры ориентируются на латинскую Ð.

Если шрифт делали без казахского в голове, эти знаки выпадают из ритма строки — заметно на заголовках и в интерфейсе.

Короткий чеклист

1. Проверить, что в шрифте есть все девять букв, а не «кириллица есть».
2. Проверить, что они подгружаются вместе с остальным текстом, а не отдельным запросом.
3. Посмотреть на Ә, Ғ и һ в наборе — именно они выдают шрифт, нарисованный без казахского.
4. Не верстать так, чтобы длина строки зависела от языка: казахские слова длиннее русских, и кнопка, сделанная впритык, ломается на переключении.