Все материалы

Как сохранить текст редактируемым и не потерять типографику

Шрифты, веса, line-height, letter-spacing и причины отличий после импорта.

Подключение шрифтовКонтроль размеров блокаИсправление переносов
01

Сначала подключите семейство

TildEka переносит название семейства и начертание, но браузер должен получить сам файл шрифта через настройки Tilda. Если его нет, включается системная замена и меняется ширина строк.

02

Не путайте размер и контейнер

Даже при правильном font-size узкий текстовый контейнер создаст другой перенос. Проверяйте width и height слоя, а не только панель Typography.

03

Ручные переносы

Используйте их только когда перенос является частью композиции. Для обычного абзаца лучше оставить естественный поток и управлять шириной — так мобильная версия будет устойчивее.

04

Чек после импорта

Сравните высоту заголовка, последнюю строку абзаца и вертикальное выравнивание текста внутри кнопок. Эти три точки быстро показывают, что метрики шрифта расходятся.