Блог WAVE

Все инструменты для работы с текстом при создании сайтов на Тильде

Все инструменты для работы с текстом при создании сайтов на Тильде

В стандартных блоках Тильды уже довольно хорошее отображение текста, но если вы работаете в Zero, да или просто хотите сделать текст еще лучше, вам пригодятся помощники.
Мы собрали ссылки для работы с текстом, которые используем и рекомендуем, в одном посте

Приобрести шрифт

Бесплатно

Если ваш проект не требует платных шрифтов, а так бывает чаще всего, то вполне достаточно бесплатных:Google fonts,TypeType,и Fontsquirrel.

За деньги

Если все же вам нужны платные:Myfonts. Не забывайте читать лицензию, базовая версия подходит для 10 000 просмотров в месяц.Библиотека Adobe TypeKit — еще один хороший вариант для платных шрифтов. Тут можно купить подписку на месяц / год.

Подобрать шрифтовую пара

Сервис Canva поможет, если нужно подобрать второй, дополняющий шрифт. Просто выберите один шрифт, сервис подберет ему пару.

Подключить шрифт к Тильде

Инструкции из справочника Tilda Publishing

Подключение Google FontsTypeKitСвой файл шрифта в формате WOFFЧерез внешний файл CSS

Видеоинструкции

Наше видео о работе со шрифтами, и как их подключить Видео Молнии «Как загрузить два шрифта»

Конвертация шрифта в WOFF

Конвертер в WOFF — как вы возможно догадались, на сайте можно конвертировать шрифты в WOFF.

Подобрать размеры шрифта

TypeScale — сервис подбора размеров шрифта для всего текстового контента на сайте. Чтобы все они выглядели гармонично.Для сложных проектов может понадобиться целая система. Удобно выписать все в таблицу:
Таблица для шрифтов на сайте

Сделать длину строки удобной для чтения

На сайте дизайна государственных систем прекрасно проиллюстрировали, какая длина строки оптимальна для наилучшего чтения и почему:
Оптимальная длина строки

Узнать количество символов

text.ru — удобно использовать, когда нужно узнать количество слов, символов в предложении.

Найти редкий символ

Glyphy — минималистичный сайт собрал не только часто используемые символы, но и предоставил возможность скопировать символ одним кликом по нему. Сайт с бОльшей коллекцией символов, чем на предыдущем сайте. Менее эстетично, зато выбор и правда большой.

Типографировать текст

Типографировать текст можно и в самом редакторе внутри Тильды, но если привычней вручную, установите Типографскую раскладку Бирмана.Типограф Лебедева — классика.

Редактировать текст

Справочник Главреда (осторожно! Много букв) — поможет понять, каким должен быть текст на сайте и вообще.Сборник от Ильи Бирмана с правилами русского языкаСпеллер — чтобы проверить орфографиюГрамота ру — на крайний случай, для проверки любых правил русского языкаГлавред — помогает почистить текст от лишних слов

Улучшить текст в Zero Block

Модификации от Тильдошной

Искажение текста в Zero Block Анимация чисел в Zero Block Цвет выделения текста

Видеоуроки

Как сделать эффект печатной машинки Эффект бегущей строки

Узнать все о шрифтах на другом сайте

Fontface Ninja — с помощью этого виджета можно посмотреть всю информацию о тексте на сайте: размеры, цвет, начертания и т. д.
Статьи