arrow-left
Вернуться к продуктам
Кратко о видео
В уроке разобрана конвертация межбуквенного интервала: формула перевода процентов в em (делить на 100), встроенный конвертер Taptop (пиксели → em), как проверить правильность через DevTools. Также разобрано, как Figma отображает letter-spacing в процентах, а CSS принимает em. CSS не поддерживает letter-spacing в процентах — только px, em, rem. Тaptop принимает em: -7% из Figma → -0.07em в Taptop. Встроенный конвертер переводит из пикселей в em, но не из процентов — поэтому формула ÷100 нужна как промежуточный шаг. Урок-справочник для тех, кто переносит типографику из Figma. Короткий и конкретный. Полезен каждый раз при столкновении с этой задачей, особенно при работе с брендовым шрифтом с нестандартным кёрнингом.

Как задать межбуквенный интервал в процентах, как в Figma

В Figma задан межбуквенный интервал в процентах — например, -7%. Как перевести это в значение для Taptop? Поддерживаются ли проценты напрямую?
Межбуквенный интервал в процентах переводится в em: делим на 100. -7% → -0.07em. В Figma Dev Mode значение показывается в пикселях — копируешь и конвертируешь в em через встроенный конвертер Taptop. Для всех, кто переносит макеты из Figma. После просмотра точно воспроизводишь межбуквенный интервал из макета.
Тайминги видео
00:00 — сегодня отвечу на частый вопрос как 00:33 — в проекте например О я выбираю 01:07 — впто есть встроенный калькулятор и мы

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

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