про разработку и дизайн шрифтов
3 заметки с тегом

Победа

Ширина штриха в Normal и Condensed

30 мая 2016, 15:55

На примере шрифта «Победа» расскажу о зависимости толщины вертикального штриха от ширины буквы.

Разбирался с хинтигом в «Победе». Начал тестировать текст в мелком кегле, в фотошопе (на бумаге получилось добиться хороших результатов с чернильными ловушками, но об этом расскажу позже). Протестил, посмотрел — вроде ок. Потом конвертировал в веб-шрифт. Сверстал простую страничку с текстом, открыл в браузере и бац.

Что-то не то. Почему регулярное начертание выглядит слишком жирным? Думаю, наверное ошибся в настройках ксс. Несколько раз перепроверил, там всё правильно. Попробовал убрать и сново добавить хинтинг — без результатов.

Через множество «почему?» пришлось пробраться прежде чем появилось предположение: что если Победа выглядит жирной из-за того что в конденсед начертании расстояние между вертикальными штрихами в буквах, меньше чем в нормальном?

Чтобы проверить нужно:

  1. Нарисовать несколько букв для нормального начертания.
  2. Попробовать уменьшить ширину вертикального штриха в конденсед версии.

Начинаю с букв для нормального начертания. Для отрисовки выбираю самые простые по форме прописные: DEFHIT. Следуя предположению получается, что нужно не просто нарисовать буквы, а ещё увеличить ширину вертикального штриха. На примере ниже видно, что даже с увеличением толщины штриха визуально буквы получились «легче».

Пробую уменьшить ширину штриха в конденсед версии. Рисую прописные и строчные: DdEeFfHhIiTt. Проверяю в браузере и радуюсь. Буквы стали визуально легче.

Для сравнения

Вывод. Для нормальной и конденсед версии не правильно использовать одинаковые по ширине штрихи. Потому что в кондесед версии буквы будут выглядеть визуально «жирнее», так как внутребуквенное расстояние между штрихами уже чем нормальном начертании.

Вывод 2. Нужно проводить как можно больше тестов на ранних этапах работы, чтобы не приходилось перерисовывать весь шрифт по новой.

Победа   шрифты

Чернильные ловушки или ink traps

6 мая 2016, 23:33

В процессе работы над регулярным начертанием для Победы столкнулся с проблемами при печати на бумаге в маленьких размерах. Буквы (м,у,и,й) получались слишком «жирными» в стыках диагональных штрихов. На фотографии текст набранный в размере 14pt. Не обращайте внимание на кернинг, на этом этапе его нет. Сейчас смотрим только на строчные буквы.
шрифт Победа

Что делать? Добавляем ловушки для чернил (ink trap). Для примера строчная «м». Может быть для вычисления размера ловушек есть какой-то проверенный метод, но я о таком не знаю и поэтому работал на глаз. Размер ловушек будет зависеть от того в каком кегле будет работать шрифт. Для Победы минимальным выбрал размер в 14pt.
чернильные ловушки в шрифте Победа

Несколько попыток прежде чем появится корректный вариант. Сделал вариант — распечатал, переделал — распечатал.
варианты чернильных ловушек для буквы М в шрифте Победа

Сейчас работал только со строчными. Добавил ловушки в буквы: м, и, й, у. По мелочи доработал: к,ж,д,л. В результате текст стал ровнее, буквы больше не жирнят и не отвлекают на себя внимание. К тому-же такие залипы ухудшают читаемость текста. В общем с ними надо бороться.
после внесения правок в шрифт Победа

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

Кстати, для шрифтового редактора Robofont есть скрипт Corner Tools который позволит ускорить и упростить работу с углами и ловушками.

Победа   шрифты

Вдохновляющая «Победа»

6 мая 2016, 17:14

шрифт Победа

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

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

Зато когда принтер выдаёт страницы с набранным текстом — это кайф. В этот момент понимаешь, что все эти ошибки не ошибки. Это маленькие ступеньки к настоящему удовольствию. Удовольствию набрать текст шрифтом над которым трудился.

К чему это я всё: занимайтесь любимым делом, ошибайтесь, двигайтесь и кайфуйте

Заметка   Победа   шрифты