Flaticon, значок импорта с другим именем содержимого

Question

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

.flaticon-alert:before { content: "\f100"; }

Есть ли способ это исправить?

Answer 1

Шрифты значков являются шрифтами, поэтому для 2 наборов значков, в которых используется один и тот же символ («содержимое»), вам просто нужно убедиться, что имя класса также указывает font-face:

styles. css

.flaticon-alert:before {
  font-family: flaticon; // or name given in flaticon's @font-face css
}

flaticon. css пример:

@font-face {
  font-family: flaticon;
  src: url(flaticon.woff);
}