В этой главе мы расскажем о глификонах, их использовании и некоторых примерах. Bootstrap объединяет 200 символов в формате шрифта. Давайте теперь поймем, что такое Глификоны.
Что такое Глификоны?
Глификоны — это шрифты значков, которые вы можете использовать в своих веб-проектах. Glyphicons Halflings не являются бесплатными и требуют лицензирования, однако их создатель сделал их доступными для проектов Bootstrap бесплатно.
«Рекомендуется, в качестве благодарности, мы просим вас включать необязательную ссылку на ГЛИФИКОНЫ, когда это возможно». — Документация по начальной загрузке
Где найти Глификоны?
Теперь, когда мы загрузили версию Bootstrap 3.x и поняли ее структуру каталогов из главы « Настройка среды» , глифы можно найти в папке шрифтов . Это содержит следующие файлы —
- glyphicons-полурослики-regular.eot
- glyphicons-полурослики-regular.svg
- glyphicons-полурослики-regular.ttf
- glyphicons-полурослики-regular.woff
Связанные правила CSS присутствуют в файлах bootstrap.css и bootstrap-min.css в папке css папки dist . Вы можете увидеть доступные глифы по этой ссылке ГЛИФИКИ .
использование
Чтобы использовать значки, просто используйте следующий код в любом месте вашего кода. Оставьте пробел между значком и текстом для правильного заполнения.
<span class = "glyphicon glyphicon-search"></span>
Следующий пример демонстрирует это —