Регулярное использование глифов в html

Question

Я пытаюсь использовать глификоны из glyphicons(dot)com, но я не смог выяснить, как использовать их в моем коде... Должен ли я создать какой-нибудь файл CSS (как это делается в начальной загрузке) или я должен связать его как-то в мой HTML? Я надеюсь, что кто-то знает ответ:) Спасибо!

<li><a href="#"><span class="glyphicons-44-group"></span> Clans </a></li>

Если это помогает, это, например, один из моих кодов, где я хочу использовать глификон (с кодом глификона). Кстати, путь "глиф / глиф / глиф /png"

Answer 1

Для ГЛИФИКОНОВ используйте. Вам нужно купить лицензию или использовать бесплатно. Если вы хотите бесплатно, то вы получите маленький

ГЛИФИКОНЫ Базовый набор

.png иконки.

Примеры использования

<img src="path/glyphicons-11-envelope.png" alt="glyphicons envelope icon" height="16" width="24" />

Вся лицензия

ГЛИФИКОНЫ Базовый набор

ГЛИФИКОНЫ Халфлинги

ГЛИФИКОНЫ

ГЛИФИКИ СОЦИАЛЬНЫЕ

Все наборы в растровых файлах *

Коммерческое использование**

Примеры использования

<img src="path/glyphicons-11-envelope.png" alt="glyphicons envelope icon" height="16" width="24" />

ПРО Лицензия

ГЛИФИКОНЫ Базовый набор

ГЛИФИКОНЫ Халфлинги

ГЛИФИКОНЫ

ГЛИФИКИ СОЦИАЛЬНЫЕ

Все наборы в растровых файлах *

Все наборы в векторных файлах

Все наборы в качестве веб-шрифта

Все наборы в живом HTML/CSS

Будущие обновления бесплатно

Коммерческое использование**

Примеры использования

<img src="path/glyphicons-11-envelope.png" alt="glyphicons envelope icon" height="16" width="24" /> /* Note: You can use @2x and @3x size. */

<i class="glyphicon glyphicon-envelope" aria-hidden="true"></i> /* This is for example */

Только бесплатно используйте значок ГЛИФИКИ HTML/CSS из файла Twitter-Bootstrap.

Примеры использования

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />

<i class="glyphicon glyphicon-envelope" aria-hidden="true"></i>

Это все знают о ГЛИФИКОНЕ.

Answer 2

Иконки, которые вы скачали, являются PNG, думаю, вам стоит попробовать это:

<li><a href="#"><img src="YOUR_PATH"> Clans </a></li>

Answer 3

Если вы используете Boostrap, то глифы уже включены, поэтому нет необходимости связывать их (при условии, что у вас уже есть Bootstrap). Однако, если вы не используете Bootstrap, вы можете вызывать только те глифы, которые прокомментировал Тройер:

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstra‌​p-glyphicons.css" rel="stylesheet">

Затем вы можете отобразить глифы на странице следующим образом:

<span class="glyphicon glyphicon-search"></span>

Обратите внимание на дополнительный класс глифов перед классом для определенной иконки.

Если вам нужна дополнительная помощь, проверьте эту страницу.

Answer 4

Сначала вы хотите дать ссылку на ту же библиотеку глифов, которую вы используете на своей странице, чем использовать тег span для размещения вашего глифа.

Включите эту ссылку CDN внутри вашего тега головы

 <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet"> 

затем используйте тэг span, чтобы использовать глификон

<span class="glyphicon glyphicon name"></span>