шрифтовой завтрак
1.94K subscribers
724 photos
46 videos
279 links
Разное на околошрифтовую тему. С предложениями по контенту и сотрудничеству — @nick_from_republuc_of_letters

важно. рекламу не запускаю.
Download Telegram
всем привет!
возвращаюсь с обещанными подробностями.


наш рассказ о курсе можно послушать в обзоре програм typomania school с 1:19 до 1:37

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


================

у курса есть страница с картинками, описанием и расписанием
[ http://typomania.school/type-start ]

================

мы считаем очень важным обсуждение выполненных заданий. и чтобы успеть разговаривать со всеми, мы решили, что на курсе будет только 12–15 мест, которых {upd} почти не осталось.

================
new school typeface (wip) by daniel brokstad (тот самый, который рисовал B для красоты)

https://danielbrokstad.com
This media is not supported in your browser
VIEW IN TELEGRAM
и пока возле «красоты»
выпуск перевода такой замечательной книги был праздником. но самым любимым праздником стал бы перенос деталей из оригинала. например, суперобложка, под которой иное.
зачем шрифтовики мучают заказчиков вопросами о том, как будет использоваться шрифт, прежде чем начать разработку?

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

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

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

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

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

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

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

оптимизация контура букв, сокращение кернинга и ограничение знакового состава могут значительно уменьшить размер файла и сократить длительность вспышки, во время которой посетитель страницы не видит текстовых блоков.
!!
This media is not supported in your browser
VIEW IN TELEGRAM
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
на problemata.org исследовательской платформе, посвященной истории дизайна опубликовали двадцать новых статей
фото из лекций kimya gandhi (@kimyagandhi @motaitalic) об истории деванагари на курсе practicaprogram.com
This media is not supported in your browser
VIEW IN TELEGRAM
новый бесплатный веб-инструмент для анимирования вариативных шрифтов

https://variabletime.pointer.click
вдруг кто захочет поизучать 12 000 шрифтовых дизайнеров и посмотреть что и в каких командах они делали))

http://www.klingspor-museum.de/Kuenstler/Kuenstler_N.html