и пока возле «красоты»
выпуск перевода такой замечательной книги был праздником. но самым любимым праздником стал бы перенос деталей из оригинала. например, суперобложка, под которой иное.

зачем шрифтовики мучают заказчиков вопросами о том, как будет использоваться шрифт, прежде чем начать разработку?

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

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

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

1. foit (flash of invisible text): текст не будет отображаться пока шрифт не прогрузится полностью, что может создать странный опыт для посетителей.
2. fout (flash of unstyled text): текст отображается с использованием шрифта пользователя до загрузки необходимого шрифта. это может вызвать сдвиг контента, что нежелательно для seo, так как cumulative content shift является ключевым показателем для оценки надежности сайта поисковиками

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

если с количеством букв все кажется просто: меньше букв—меньше вес, то с количеством точек и их координатами дела чуть сложнее:

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

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

!!

Хорошая новость. Будет трансляция сегодняшнего выступления Никласа Трокслера в Аудитории:

https://www.youtube.com/watch?v=mmREz0SaCxE

free metal fonts for personal use, selected by @ruido.98:
⚈ sabersong
⚈ maskdown one
⚈ yenisack demo
⚈ tf voide murdered
⚈ mb-gothicdawn
⚈ scum trash
⚈ medicine drops
⚈ pink punk
⚈ raheut

новый бесплатный веб-инструмент для анимирования вариативных шрифтов

https://variabletime.pointer.click

https://fontdev.app/

новый удобный веб инструмент для просмотра и редактирования(!) таблиц шрифтов.

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

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

это восторг



_____

___
почему-то fontdev не захотел работать в сафари, но прекрасно заработал в хроме