Как работать со шрифтовыми иконками?

Question

[алексей]

Хотел сделать иконки из макета шрифтами, сохранил их как svg, полез на icomoon. Но некоторые импортировались как пустые квадраты:


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

Answer 1

[Camaro67]

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

Comments

[алексей]

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

[Camaro67]

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

Answer 2

[lagudal]

по моему icomoon поддерживает нормально только svg контуры без заливки - path:fill="..." stroke="none".
Могу ошибаться, но я пришел к тому, что преде экспортом в icomoon всегда делаю только один составной контур и всегда только черным. С тех пор проблем не было.