Цветные иконки в icomoon.io?

Question

[Insom84]

C помощью icomoon.io разместил свои svg иконки ,что бы скопировать код шрифта для своего сайта на битрикс. Но изначально иконки цветные, а загружаются в icomoon.io в черно белом формате, а на сайте выводятся синими ( в стиль сайта) Кто-нибудь сталкивался с такой проблемой, знает как добавить иконки в цвете?

Comments

[Froggyweb]

icomoon.io - это иконки в виде текста. цвет текста задается через css

[Flying]

Froggyweb, Это не обязательно иконки в виде текста, а только одна из опций.

Answer 1

[Flying]

Всё зависит от того, как именно вы выгружаете иконки из icomoon.



Как видите - поддерживаются две опции: набор SVG и / или PNG иконок или иконочный шрифт. Очевидно вы выбрали вариант шрифта и в этом случае, естественно, получили одноцветные изображения. Дело в том, что хотя цветные шрифты существуют (сaniuse, пример), но на практике используются крайне редко, icomoon просто не поддерживает такой формат, поскольку выгружает результат в стандартные шрифтовые форматы, а они все бесцветные.

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

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