arrow-left
Вернуться к продуктам
Кратко о видео
В уроке разобрана загрузка кастомного шрифта в Taptop: поддерживаемые форматы (TTF, OTF, WOFF, WOFF2), как задать название, насыщенность и стиль шрифта при загрузке, как объединить несколько начертаний одной гарнитуры в одно семейство, как применить кастомный шрифт к тексту через панель встроенного текста. WOFF2 — рекомендуемый формат: поддерживается всеми современными браузерами и весит меньше TTF и OTF. Кастомные шрифты доступны на тарифах с хостингом или Team. Перед загрузкой проверь лицензию шрифта — не все шрифты разрешены для веб-использования. Урок для всех, кто работает с брендовым или нестандартным шрифтом клиента. Никаких технических знаний не нужно — загрузка и применение делаются через интерфейс Taptop без CSS.

Как добавить кастомный шрифт в Taptop

Макет в Figma с нестандартным шрифтом — его нет в списке Taptop. Как загрузить свой? Какой формат нужен? Нужно ли проверять лицензию перед загрузкой?
Кастомные шрифты доступны на тарифах Hosting Basic и Team Pro. Рекомендуемый формат — WOFF2: поддерживается всеми браузерами и весит меньше TTF. При загрузке задаёшь название, начертания и назначаешь шрифт нужным элементам. Для всех, кто работает с брендовыми шрифтами. После просмотра подключаешь кастомный шрифт и сайт выглядит точно как макет.
Тайминги видео
00:00 — Кастомные шрифты: зачем и на каких тарифах доступно 01:00 — Форматы: TTF, OTF, WOFF, WOFF2 — что выбрать для веба 02:00 — Загрузка шрифта: название, насыщенность, стиль, кириллица 03:30 — Несколько начертаний: объединение Regular и курсива одним именем 05:00 — Панель встроенного текста: кастомный шрифт для фрагмента

Другие продукты академии

Как выйти на фриланс
Разберётесь, как брать первые проекты, называть цену и общаться с клиентами
Для кого
Специалистов
Направление
Фриланс
Формат
Мини-курс
Длительность
13 уроков
Taptop с нуля: сайт-портфолио
Осваиваете базу Taptop и собираете сайт-портфолио, который можно оставить себе
Для кого
Новичков
Направление
Вёрстка
Формат
Мини-курс
Длительность
9 уроков
Как дизайнеру понять вёрстку
Разберётесь, как устроены сайты, чтобы увереннее работать с ними дальше
Для кого
Новичков
Направление
Вёрстка
Формат
Интенсив
Длительность
2 урока
Как собрать сложную анимацию
Собираете сложную анимацию и плавный переход между страницами
Для кого
Для тех, кто в теме
Направление
Анимации
Формат
Интенсив
Длительность
2 урока