Свои шрифты и типографика на Тильде

Программа урока

Теория

• Кириллица и латиница в шрифтах
• С засечками, без засечек и дизайнерские шрифты
• Типы файлов шрифтов TTF, OTF и WOFF
• Что такое конвертация и конверторы?
• Меню работы со шрифтами в Zero Block: выравнивание, цвет, размер, отступы, межстрочное расстояние
• 9 видов начертаний шрифтов (жирность шрифтов)
• Какой размер заголовка использовать на сайтах?
• Рекомендованные размеры для абзаца с текстом
• Плохие примеры использования шрифтов и отступов
• Какой отступ должен быть между заголовком и текстом (простое правило)?
• Примеры ошибок с отступами между заголовком и текстом
• Как принять решение какой ширины должен быть текст?
• Примеры распространенных ошибок с шириной текста
• Какое количество строк читается хорошо, если текста много?
• Правило для расстояния между строк должно быть в заголовке
• Что такое характер шрифта?

Делаем вместе (по видео)

• Настройки сайта: установка кастомных шрифтов из библиотеки
• Как конвертировать шрифт Otf в Woff
• Загрузка нестандартных шрифтов для сайта на Tilda
• Выбор начертания шрифта в Zero Block
• Использование инструментов выравнивания в Zero Block
• Как использовать теоретические правила про шрифты на практике?
• Задаем расстояние между заголовком и текстом
• Настраиваем цвет фона: Solid, Linear
• Что такое градиент и как его настроить?
• Какие заголовки ставить для H1 и H2 на лэндинге?
• Что такое типографика?
• 5 главных правил типографики в веб-дизайне

Практика после урока