⚡️⚡️⚡️ EARLY BIRDS КУРС ⚡️⚡️⚡️ «КАК СОСТАВИТЬ РАБОТАЮЩИЙ КОНТЕНТ-ПЛАН»
Этот сайт использует куки. Без них никак. Подробнее…
ок

Как добавить свой шрифт в Тильде?

Рассказываем, как загрузить в Тильду свой шрифт и использовать более двух шрифтов
Александра Колташова, стратег SVOEMEDIA
@alexandra_molodec
Ответ получен 19 апреля 2020

Как загрузить свой шрифт в Тильду

У меня есть шрифт в форматах otf или ttf, который компания использует в своей айдентике, и нужно загрузить его в Тильду.
Нам нужно будет решить две задачи — получить формат woff для загрузки (только такой формат принимает Тильда) и корректно загрузить свои начертания. Конвертировать шрифт в woff можно с помощью любого онлайн-конвертера (загуглите otf to woff или ttf to woff или воспользуйтесь Convertio): просто загрузите туда все свои начертания и сохраните их.

Какие начертания нужны?
Основное требуемое начертание — regular (или normal). Можно загружать не все начертания, а только несколько (или вообще одно).
Мы будем демонстрировать загрузку на примере бесплатного шрифта Golos. Этот шрифт можно скачать с Paratype сразу в нужном формате, однако в реальности часто нужного формата нет, поэтому начнем с конвертации нужных нам начертаний.
Все, теперь шрифт на сайте будет таким, как вы его загрузили.

Как быть, если вы хотите загрузить несколько шрифтов

Я хочу установить для заголовков один шрифт, а для остального текста — другой.
Ответ простой — загрузите все их в 6 имеющихся начертаний. Например, мы хотим использовать для заголовков шрифт Mak, а для остального — Manrope.
Нужен свой контент-проект? Напишите нам
Тут подробнее о том, чем можем быть вам полезны✊
Это Саша Колташова и пёс Улисс. Саша будет отвечать за контент-стратегию
Было полезно? Интересно? Поделитесь мнением здесь и в комментариях :)
Мы запустили SVOEMEDIA.SPACE
Пополняемая библиотека готовых шаблонов сайтов и блоков для Tilda Publishing, Figma, соцсетей, понятных инструкций и чек-листов от практиков
100 px
20 px
А в telegram — наша кухня от Саши Колташовой
ПОДПИШИТЕСЬ НА ТЕЛЕГУ
ПОДБОРКА
Полезное для тех, кто ищет подрядчика
Читайте также
Made on
Tilda