Конвертер WOFF — простой инструмент, если нужно быстро перевести файл шрифта в формат, подходящий для веба.
Как подобрать размеры шрифта
TypeScale — помогает собрать логичную систему размеров для заголовков, текста и подписей. Удобно использовать как основу для всей страницы или даже для всего сайта, чтобы типографика выглядела цельно.
Как сделать текст удобнее для чтения
Оптимальная длина строки — полезный материал от дизайн-системы Госуслуг о том, какой должна быть длина строки, чтобы текст легче читался.
Text.ru — помогает быстро посчитать количество символов и слов.
Glyphy — сервис с редкими и необычными символами, которые можно быстро копировать в интерфейсы, карточки и лендинги.
Если стандартных возможностей Tilda не хватает, пригодятся кастомные решения и модификации.
Tildoshная — полезный ресурс с модами и приемами кастомизации для Tilda. Примеры эффектов, которые можно использовать для текста в Zero Block:
искажение текста
анимация чисел
цвет выделения текста
эффект печатной машинки
бегущая строка
Такие эффекты стоит использовать аккуратно: они хорошо работают как акцент, но легко перегружают страницу, если применять их без меры
Как узнать, какой шрифт используется на сайте
Fontface Ninja — расширение, которое показывает название шрифта, начертание, размер, цвет и другие параметры текста на странице.
Это удобно, когда вы изучаете чужие сайты, собираете референсы или хотите быстро понять, как устроена типографика понравившегося проекта.
Что действительно пригодится чаще всего
Если не хочется разбираться во всем сразу, вот базовый набор, который закрывает большинство задач:
Google Fonts
Type Scale
типограф Бирмана или типограф Лебедева
Главред
Fontface Ninja
Этого уже достаточно, чтобы текст на сайте выглядел заметно аккуратнее и профессиональнее.
Если вы делаете сайт на Tilda и хотите, чтобы типографика, структура и визуальная подача работали как единая система, посмотрите и нашу страницу про разработку сайтов на Tilda.