Создание веб-шрифта из иконок

265
20 февраля 2017, 12:46

Привет.

Тренируюсь в верстке, нашел в интернете psd-макет с бутстроповской сеткой (12 колонок). В меню хэдэра есть картинки, которые я хочу сделать шрифтом, так как у них цвет меняется при ховере. При использовании inkscape для создания шрифта эти картинки очень коряво векторизируются.

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

Answer 1

Цвет меняется в фотошопе довольно просто. Вообще, лучше всего все иконки делать с помощью спрайтов. Но если хотите делать шрифтом, то есть прекрасное решение - fontawesome. Добавляете его как обычные HTMl элементы и стилизуете как обычно.

READ ALSO
before и after расширяют родительский блок
HTML

before и after расширяют родительский блок

Есть логотип, размером 256х256И есть 2псевдоэлемента before и after, которые увеличивают логотип и при ховрее уменьшают его

 309
Подскажите сборщики html для gulp
HTML

Подскажите сборщики html для gulp

Подскажите, как можно подключать html файлы один в другой в определённом месте и как их сжимать в gulp?

 300
Можно ли сделать repeat для тега img?
HTML

Можно ли сделать repeat для тега img?

Доброго вечера! Такой вопрос, можно ли сделать так, чтобы изображение в теге img повторялось(repeat) по горизонталиНужно именно чтобы в теге img повторялось,...

 295
Создание игры на svg хорошее решение?
HTML

Создание игры на svg хорошее решение?

Здравствуйте, создал простенькую игру на svg, суть игры: с анимацией, циклично появляются цели(круги), необходимо на них нажимать, чтобы уничтожить,...

 347