0

Откуда берётся сама иконка в IcoMoon и как самому задавать такой адрес?

.icon-picture-o:before {
    content: "\e606";
} 
1

1 ответ 1

4

Шрифт может содержать графические иконки и наборы символов.

Код:

.icon-picture-o:before {
content: "\e606";
}

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

Документация по Iconmoon.

Пример шрифта иконок - Font Awesome

UPD 1

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

Хорошая статья по созданию собственного шрифта.

11
  • т.е если не получилось то возможна ошибка в пути до файлов ? но в авесоме просто font-awesome.css подключаешь и всё ну и span class="fa home" и всё а в icomoon по другому
    – user33274
    16 ноя 2015 в 13:57
  • @LenovoID смысл работы один и тот же - в font-awesome.css подключены шрифты, из которых и берутся иконки. по icomoon документация тут.
    – Alex
    16 ноя 2015 в 14:00
  • не смысл в том какой код - а смысл в том как самому сделать такое - что бы при указании не писать как обычно informer:before{content:'':position:;background:url();и т д} а писать самому не используя те самые примеры , просто так informer:before{content:'и сюда своё значение';} т.е создать свой такой font
    – user33274
    18 ноя 2015 в 23:29
  • @LenovoID в вопросе было указано Откуда берётся сама иконка в IcoMoon и как самому задавать такой адрес? Вы не спрашивали как создать такой шрифт.
    – Alex
    18 ноя 2015 в 23:36
  • @LenovoID посмотрите урок по созданию собственно шрифта на IcoMoon. Уточните пожалуйста Вы это искали?
    – Alex
    18 ноя 2015 в 23:38

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.