Наполнитель · китайскийКитайский Lorem Ipsum
Китайский наполнитель и живая демонстрация переноса: пробелов между словами нет, и строка рвётся почти в любом месте. Всё считается в браузере, текст никуда не отправляется.
Генератор
Где рвётся строка
Потяните ширину контейнера и посмотрите, где встаёт перенос. В тексте без пробелов он возможен почти между любыми знаками — раскладка, рассчитывающая на разрыв по пробелу, ведёт себя непредсказуемо.
Строгий режим запрещает начинать строку с закрывающей пунктуации и заканчивать открывающей — это правила кинсоку. Браузеры соблюдают их неодинаково, и при жёстких требованиях к типографике нужен явный контроль.
Полноширинная пунктуация
Каждый знак занимает целую знакоместо — примерно вдвое шире латинского аналога и центрирован в своей ячейке.
| Знак | Латинский аналог | Что меняется |
|---|---|---|
| ， | , | Отбивка после запятой не нужна — она уже внутри знака |
| 。 | . | Точка занимает полное знакоместо и центрирована в нём |
| ： | : | Двоеточие шире латинского вдвое, отступ вокруг не ставится |
| ； | ; | Точка с запятой — та же ширина, что у иероглифа |
| 、 | , | Перечислительная запятая: своего аналога в латинице нет |
| 「」 | “” | Кавычки, которые нельзя разрывать переносом |
Строки худшего случая
Случаи, на которых китайская вёрстка ломается первой.Что ломается
Перенос возможен почти в любом месте
Пробелов между словами нет, поэтому строка рвётся между знаками. Раскладка, полагающаяся на разрыв по пробелу, ведёт себя непредсказуемо: `word-break` и `overflow-wrap` дают не тот эффект, на который рассчитывали при отладке на английском.
Проблемы переполнения обнаруживаются поздно
Обратная сторона предыдущего: китайский текст почти никогда не выходит за границу контейнера. Интерфейс выглядит безупречно ровно до того дня, когда его переводят на немецкий, — и тогда ломается всё сразу. Проверять узкие места надо не на нём.
Полноширинная пунктуация меняет плотность строки
«，» и «。» примерно вдвое шире латинских аналогов и центрированы в своей ячейке. Привычный отступ после запятой становится избыточным: у знака уже есть встроенное поле, и добавленный пробел читается как небрежный набор.
Правила кинсоку соблюдаются неодинаково
Строка не может начинаться с закрывающей пунктуации «。，」）» и заканчиваться открывающей. Браузеры реализуют это по-разному, и при жёстких требованиях к типографике нужен явный `line-break: strict` — а на него, в свою очередь, движки реагируют тоже не одинаково.
Синтетические жирное и курсивное выглядят плохо
Курсив для иероглифов не имеет основания в наборной традиции: наклонённые знаки выглядят сломанными. Искусственное утолщение замыливает мелкие черты до нечитаемости. Акцент делается кеглем, цветом или другим начертанием настоящего CJK-семейства.
Минимальный читаемый кегль выше
Латиница читается с 12 пикселей, иероглифам нужно от 14, а при сложных знаках комфортнее 16. Интерфейс с мелкими подписями, спроектированный под английский, при переводе становится нечитаемым — и страдают сначала подписи в таблицах и подсказки форм, а не основной текст.
Шрифты
Noto Sans SC и Source Han Sans покрывают упрощённое письмо, Noto Sans TC — традиционное. Файлы на порядок тяжелее латинских, счёт идёт на мегабайты: подгружать целое начертание ради нескольких строк неоправданно и заметно бьёт по загрузке страницы. Разумнее полагаться на системные гарнитуры — PingFang SC на Apple, Microsoft YaHei на Windows.