Смотрим и комментируем игру со шрифтами от Никиты Дубко
Никита Дубко, старший продакт из Яндекса, на конференции FrontendConf 2025 рассказал доклад про шрифты. В пилотном выпуске мы смотрим доклад Никиты и обсуждаем как сделать пиксель-перфект, почему по шрифту можно опознать человека, как быть с FOUT и многое другое. 0:00:00 Тизер. 0:00:38 Начало и представление гостя. 0:02:00 Почему Никита взял эту тему и как Никита готовит доклады. 0:17:12 Сегмент 1. Начало доклада. Демонические руны и битые биты. 0:25:20 Сегмент 2. Биты шрифта. Разница между OpenType и WOFF. У-краткое. 0:34:33 Сегмент 3. Шрифт-игра. Безопасность шрифтов. 0:39:44 Сегмент 4. Как браузер грузит шрифты? Вариативные шрифты. 0:46:20 Сегмент 5. Лайн-боксы, шрифты и механизмы рендеринга. Пиксель-перфект. 0:54:46 Сегмент 6. HarfBuzz в опасности. Почему вас можно выследить по рендерингу шрифта? Вываливание букв за пределы глифа. 1:01:42 Сегмент 7. Асценты, дисценты и другие параметры шрифта. 1:07:07 Сегмент 8. Центрирование шрифта. Где можно использовать ch? 1:12:06 Сегмент 9. Какое будущее ждёт шрифты? Невидимые шрифты. 1:19:49 Сегмент 10. Swap и block для шрифтов. Статьи Зака про оптимизации. 1:26:43 Сегмент 11. Разделение загрузки шрифтов по используемым глифам. Почему local — зло? 1:35:47 Сегмент 12. Суд по приватности из-за шрифтов. Зачем Никите свой сайт? 1:43:57 Сегмент 13. Про фоллбэк шрифты. font-size-adjust — где это нужно? А text-box-trim? 1:54:50 Сегмент 14. Self-hosted vs кэширование — нет ли противоречия? Зачем Никита ведет блоги и почему у него их два? Про книги по типографике 2:08:10 Про будущие доклады Никиты ﹥ Никита Канал про разработку — https://t.me/mefody_dev Канал про продуктоводство — https://t.me/mefody_work Сайт — https://mefody.dev/ ﹥ Олег Канал про управление разработкой и продуктом — https://t.me/teamleading ﹥ Ссылки из видео Шрифт-игра «Fontemon» — https://www.coderelay.io/fontemon.html#player Свойство text-box-trim — https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/text-box-trim FrontendConf — https://frontendconf.ru/ Отдельное спасибо команде Онтико — https://ontico.ru/. #frontend #css #fonts #шрифты #frontendconf #frontendconf2025
Никита Дубко, старший продакт из Яндекса, на конференции FrontendConf 2025 рассказал доклад про шрифты. В пилотном выпуске мы смотрим доклад Никиты и обсуждаем как сделать пиксель-перфект, почему по шрифту можно опознать человека, как быть с FOUT и многое другое. 0:00:00 Тизер. 0:00:38 Начало и представление гостя. 0:02:00 Почему Никита взял эту тему и как Никита готовит доклады. 0:17:12 Сегмент 1. Начало доклада. Демонические руны и битые биты. 0:25:20 Сегмент 2. Биты шрифта. Разница между OpenType и WOFF. У-краткое. 0:34:33 Сегмент 3. Шрифт-игра. Безопасность шрифтов. 0:39:44 Сегмент 4. Как браузер грузит шрифты? Вариативные шрифты. 0:46:20 Сегмент 5. Лайн-боксы, шрифты и механизмы рендеринга. Пиксель-перфект. 0:54:46 Сегмент 6. HarfBuzz в опасности. Почему вас можно выследить по рендерингу шрифта? Вываливание букв за пределы глифа. 1:01:42 Сегмент 7. Асценты, дисценты и другие параметры шрифта. 1:07:07 Сегмент 8. Центрирование шрифта. Где можно использовать ch? 1:12:06 Сегмент 9. Какое будущее ждёт шрифты? Невидимые шрифты. 1:19:49 Сегмент 10. Swap и block для шрифтов. Статьи Зака про оптимизации. 1:26:43 Сегмент 11. Разделение загрузки шрифтов по используемым глифам. Почему local — зло? 1:35:47 Сегмент 12. Суд по приватности из-за шрифтов. Зачем Никите свой сайт? 1:43:57 Сегмент 13. Про фоллбэк шрифты. font-size-adjust — где это нужно? А text-box-trim? 1:54:50 Сегмент 14. Self-hosted vs кэширование — нет ли противоречия? Зачем Никита ведет блоги и почему у него их два? Про книги по типографике 2:08:10 Про будущие доклады Никиты ﹥ Никита Канал про разработку — https://t.me/mefody_dev Канал про продуктоводство — https://t.me/mefody_work Сайт — https://mefody.dev/ ﹥ Олег Канал про управление разработкой и продуктом — https://t.me/teamleading ﹥ Ссылки из видео Шрифт-игра «Fontemon» — https://www.coderelay.io/fontemon.html#player Свойство text-box-trim — https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/text-box-trim FrontendConf — https://frontendconf.ru/ Отдельное спасибо команде Онтико — https://ontico.ru/. #frontend #css #fonts #шрифты #frontendconf #frontendconf2025