Где брать уникальные иконочные шриты с макета?

Question

[JohnDoe116]

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

Comments

[Rustam Bainazarov]

Иконочный шрифт из PNG не делают. Исходники иконок должны быть в SVG.

Макеты в PSD — прошлый век. Иконочный шрифт, если он используется дизайнером, должен быть приложен им в файле. Или же дизайнер должен не PNG, а SVG вставлять в макет сразу. А желательно — чтобы дизайнер заранее подготовил папку с этими иконками.

Либо — да, искать шрифт вам, техническому исполнителю.

[JohnDoe116]

Рустам Байназаров, да да поправил содержание

[JohnDoe116]

Рустам Байназаров,

Макеты в PSD — прошлый век

- опишите "актуальный" процесс и инструменты которые используют сегодня верстальщики?

[Rustam Bainazarov]

JohnDoe116, Figma, Sketch и подобные для создания макетов. Framer X, Protopie и подобные для прототипов.

Photoshop — только для растровых иллюстраций и обработки растровой графики.

[Сергей delphinpro]

Рустам Байназаров,

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

В подавляющем большинстве случаев это FontAwesome =)

[Сергей delphinpro]

Макеты в PSD — прошлый век.

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

Answer 1

[Евгений Вольф]

Где брать уникальные иконочные шриты с макета?

У дизайнера.

создаёте ли вы сами иконочные шрифты вытаскивая svg с макета

Из личного опыта - нет. Как дизайнер так и делаем. Если дизайнер прислал не так, то в следующий раз пришлют нового дизайнера. Дизайнер сделал иконки шрифтом - значит так и верстаем. Сделал их SVG'шкой? Значит верстаем SVG'шкой. Сделал PNG - соответственно... Если он что-то не прислал - не грех конечно ему напомнить, что "а пришли ка мне "вот это".

P.S. Поиском для этих целей настоятельно не рекомендую пользоваться, по тому, что тот шрифт который использовал дизайнер и тот который Вы найдёте в поисковике, с таким же точно названием - далеко не факт, что будут одинаковыми, и далеко не факт, что в найденном вами шрифте будут все символы. В частности, неоднократно были случаи, когда у дизайнера есть какой-то символ в "его" шрифте (например, символ "рубля"), а в "моём" такого символа почему-то не оказывалось... Откуда он взялся у него - уже другой вопрос, но как факт...

Answer 2

[Александр Смирнов]

Лично я раньше по-всякому извращался, теперь же шрифт иконок собираю из SVG иконок в GULP