Добавление дополнительных глификонов в бутстрап

Уважаемые коллеги-дизайнеры/разработчики.

Я создал 8 дополнительных глификонов для своего сайта начальной загрузки. Загрузил их на icomoon и скачал как шрифт, все отлично работает.

Я могу добавить свой шрифт в свой CSS и использовать его в HTML без каких-либо проблем, но я хочу использовать шрифт в качестве дополнительных глификонов.

Как я могу это сделать?


html css twitter-bootstrap glyphicons
person Kevin Boonekamp    schedule 23.05.2014    source источник

Ответы (2)


arrow_upward
14
arrow_downward

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

Шрифт-Awesome

скачать fontawesome здесь fontawesome.io

добавьте ссылку на файл css на свою страницу

 <link href='/path/to/font-awesome.css' rel='stylesheet'/>

используйте классы css, упомянутые в font-awesome.css, с указанием 'fa-'

пример: <i class="fa fa-desktop"></i>

пожалуйста, скопируйте папки css и fonts в одну папку

person G Ravinder    schedule 23.05.2014
comment
Спасибо за ссылку, я слышал о fontawsome, но я ничего не могу найти на их сайте, не могли бы вы быть более точным? - person Kevin Boonekamp; 23.05.2014

arrow_upward
-1
arrow_downward

Шаги по использованию шрифта-Awsome

  1. Загрузите Font-Awsome
  2. Извлеките ZIP-файл
  3. после извлечения вы получите папку, например, font-awesome-4.5.0
  4. Добавьте эту папку, перетащив ее в папку содержимого или в папку начальной загрузки.

  5. Добавьте файл font-awesome.css в качестве ссылки на вашу веб-страницу.

    <link href="~/Content/font-awesome-4.5.0/css/font-awesome.css" rel="stylesheet" />

  6. получить значки, как сказал @G Ravinder, т.е.

    <i class="fa fa-desktop"></i>
<span class="fa fa-desktop"></span>

Это все :-)

person WasiF    schedule 06.03.2016