Настройка шрифтов и типографики на Tilda

Настраиваем шрифты и типографику существующего сайта на Tilda: подбираем гарнитуры, формируем понятную иерархию заголовков и текста, настраиваем размеры, насыщенность, цвета и единые стили оформления.

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

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

При необходимости подбираем шрифтовую пару под стиль проекта. Можно использовать библиотеку Tilda, подключить Google Fonts или Adobe Fonts либо загрузить собственные файлы шрифтов в поддерживаемых форматах WOFF и WOFF2.

Если у компании уже есть фирменный шрифт, проверяем доступные файлы, начертания и поддержку кириллицы. Для коммерческих шрифтов клиент должен иметь право на их использование в интернете.

Настраиваем глобальные параметры для заголовков и основного текста. Определяем гарнитуру, размер, насыщенность и цвет, чтобы базовая типографика сайта оставалась последовательной на разных страницах.

Для более сложных проектов создаём систему типографических стилей для разных элементов: крупных и второстепенных заголовков, основного текста, подписей и других повторяющихся элементов. Это упрощает дальнейшее развитие сайта и помогает сохранять единый визуальный стиль.

Отдельно проверяем страницы, где параметры текста были заданы вручную. Глобальная настройка Tilda не всегда переопределяет локально установленные параметры конкретного блока, поэтому такие элементы при необходимости корректируем в пределах выбранного пакета.

Проверяем типографику на мобильных устройствах: размеры заголовков и текста, переносы строк, длину строк, интервалы и общую читаемость. Если проблема связана не с типографикой, а с композицией или адаптивом самого блока, такую доработку оцениваем отдельно.

После настройки сохраняем изменения, переопубликовываем необходимые страницы и проверяем итоговое отображение сайта.

В результате клиент получает единую и понятную систему оформления текста, которую можно использовать при создании новых страниц и дальнейшем наполнении сайта.

Категория: Разработка

Подкатегория: Настройка и оптимизация

Тип услуги: Настройка шрифтов и типографики

Платформа: Tilda

Формат работы: Проектный

Срок: от 2 рабочих дней

Старт — 15 000 ₽

Для сайта, которому необходимо привести базовую типографику к единому виду.

• анализ текущих шрифтов;
• проверка заголовков и основного текста;
• подбор 1 шрифтовой пары при необходимости;
• подключение шрифтов из доступной библиотеки;
• настройка шрифта заголовков;
• настройка шрифта основного текста;
• настройка базовых размеров;
• настройка насыщенности;
• настройка цвета;
• проверка кириллицы;
• проверка до 5 ключевых страниц;
• проверка мобильного отображения;
• переопубликация;
• финальное тестирование.

Бизнес — 30 000 ₽

Для многостраничного сайта с разными типами контента.

Всё из пакета Старт, а также:

• расширенный анализ типографики;
• подключение Google Fonts, Adobe Fonts или собственных файлов;
• настройка необходимых начертаний;
• настройка типографической иерархии;
• создание и настройка основных проектных стилей;
• заголовки разных уровней;
• основной и дополнительный текст;
• подписи и другие повторяющиеся элементы;
• проверка до 15 ключевых страниц;
• корректировка локальных настроек текста в пределах проверяемых страниц;
• проверка основных мобильных разрешений;
• расширенное тестирование.

Премиум — 50 000 ₽

Для проекта, которому нужна полноценная типографическая система.

Всё из пакета Бизнес, а также:

• разработка системы типографики под существующий фирменный стиль;
• работа с несколькими необходимыми гарнитурами и начертаниями в пределах возможностей Tilda;
• система заголовков;
• основной и дополнительный текст;
• подписи;
• цитаты;
• списки;
• текстовые элементы интерфейса;
• проектные стили для повторяющихся элементов;
• проверка до 30 ключевых страниц;
• корректировка локальных настроек в пределах проверяемых страниц;
• проверка длинных текстовых материалов;
• расширенная проверка мобильной типографики;
• рекомендации для дальнейшего оформления страниц;
• краткий гайд по использованию типографической системы;
• финальное тестирование.

Настраиваем шрифты и параметры текста на уровне проекта и отдельных элементов, где это необходимо.

Определяем шрифт для заголовков и основного текста, размеры, насыщенность и цвет. Для расширенной типографической системы создаём стили для повторяющихся элементов сайта.

Проверяем визуальную иерархию: пользователь должен легко отличать главный заголовок, заголовки разделов, основной текст, подписи и второстепенную информацию.

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

Если существующий дизайн требует изменения структуры блоков, композиции или полноценного редизайна, такие работы оцениваются отдельно.

На Tilda можно использовать встроенную библиотеку, Google Fonts, Adobe Fonts и собственные шрифтовые файлы.

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

Перед подключением проверяем наличие кириллицы, если сайт использует русский язык. Также проверяем соответствие файлов выбранным начертаниям.

Если используется коммерческий шрифт, клиент предоставляет файлы и подтверждает наличие необходимых прав на веб-использование.

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

Клиент получает настроенную систему шрифтов и типографики для существующего сайта Tilda.

Основные текстовые элементы приведены к единой визуальной логике, а параметры заголовков и текста настроены на уровне проекта.

В расширенных пакетах дополнительно создаём проектные стили и исправляем локальные параметры на согласованном количестве ключевых страниц.

Проверяем результат после публикации и отображение типографики на основных устройствах.

В Премиум клиент дополнительно получает краткие рекомендации по использованию созданной системы при дальнейшем наполнении сайта.

• полный редизайн сайта;
• изменение структуры страниц;
• переработка композиции всех блоков;
• написание новых текстов;
• редактура и корректура всего контента;
• ручная обработка каждого текста большого сайта;
• разработка фирменного шрифта;
• покупка лицензии на коммерческий шрифт;
• стоимость сторонних шрифтовых сервисов;
• создание логотипа;
• исправление мобильной вёрстки, не связанное с текстом;
• программирование нестандартной типографики;
• сложная CSS-доработка за пределами согласованной задачи.

Дополнительные работы рассчитываем отдельно.

Для начала потребуется ссылка на сайт и доступ к проекту Tilda.

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

• файлы шрифта;
• доступные начертания;
• название гарнитуры;
• информация о лицензии;
• требования бренда к использованию шрифта.

Если готовых фирменных шрифтов нет, подберём подходящее решение в рамках выбранного пакета.

Также желательно сообщить, какие страницы являются ключевыми и требуют обязательной проверки.

1. Анализируем сайт

Проверяем существующие шрифты, размеры, насыщенность, цвета и оформление текста.

2. Определяем проблемы

Находим нарушения визуальной иерархии и несогласованные настройки.

3. Подбираем систему

Определяем шрифты, начертания и основные параметры типографики.

4. Подключаем шрифты

Настраиваем выбранные гарнитуры средствами Tilda.

5. Настраиваем типографику

Задаём основные параметры заголовков и текста.

6. Создаём стили

В Бизнес и Премиум настраиваем необходимые проектные стили для повторяющихся элементов.

7. Проверяем страницы

Просматриваем предусмотренное пакетом количество ключевых страниц и исправляем локальные параметры в пределах услуги.

8. Проверяем мобильную версию

Тестируем читаемость, размеры и переносы текста на основных разрешениях.

9. Публикуем

Сохраняем изменения и переопубликовываем необходимые страницы.

10. Передаём результат

Проверяем итоговое отображение и в Премиум передаём рекомендации по дальнейшему использованию системы.

Какие шрифты можно подключить на Tilda?

Можно использовать шрифты из библиотеки Tilda, Google Fonts, Adobe Fonts или загрузить собственные файлы в поддерживаемых форматах.

Можно загрузить свой фирменный шрифт?

Да. Для штатной загрузки собственных шрифтов на Tilda используются файлы WOFF и WOFF2.

Можно использовать несколько шрифтов?

Да. Tilda позволяет подключать несколько собственных шрифтов. Но для большинства сайтов достаточно одной гарнитуры или пары для заголовков и основного текста.

Можно использовать разные шрифты для заголовков и текста?

Да. В расширенных настройках Tilda можно отдельно назначить шрифт заголовков и шрифт основного текста.

Что делать, если у меня шрифт только в TTF или OTF?

Для штатной загрузки в Tilda потребуется подготовить подходящие WOFF/WOFF2-файлы. Перед использованием также необходимо учитывать лицензию конкретного шрифта.

Проверяете поддержку русского языка?

Да. Если сайт русскоязычный, проверяем наличие кириллицы в выбранной гарнитуре и используемых начертаниях.

Изменения применятся ко всему сайту?

Глобальные настройки применяются к стандартным блокам проекта, если в конкретных элементах не установлены собственные локальные параметры.

Поэтому после изменения глобальной типографики дополнительно проверяем ключевые страницы и при необходимости исправляем локальные настройки в пределах пакета.

Можно настроить отдельные стили для разных элементов?

Да. В Tilda можно создавать проектные стили и применять их к соответствующим элементам сайта.

Вы исправите типографику на мобильной версии?

Проверяем типографику на мобильных устройствах и исправляем параметры текста в пределах услуги.

Если проблема вызвана самой композицией блока или его адаптивом, это уже относится к доработке страницы.

Входит обработка всех текстов типографом?

Нет. Эта услуга посвящена системе шрифтов и типографики сайта. Массовая редактура, корректура и ручная обработка всего текстового контента рассчитываются отдельно.

Нужно покупать шрифт?

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