Иконки на сайте бутстрапа

Рейтинг: 1Ответов: 2Опубликовано: 28.04.2015

http://getbootstrap.com/components/

Здесь куча кнопок с иконками. Вопрос: как сделано, чтобы иконки нельзя было просмотреть через firebug? Или я не там смотрю? Так как штука халявная, задачи стырить простыню иконок не стоит. Задача стоит понять как она реализована.

css html bootstrap
Источник: Stack Overflow на русском

Ответы

▲ 3Принят

Эти иконки реализованы через специальный шрифт, о чем говорит говорит прямо первое предложение на этой странице:

Includes over 250 glyphs in font format from the Glyphicon Halflings set.

Можете почитать про это поподробнее тут. Вот еще хорошая реализация.

▲ 1

Посмотреть на самом деле можно, реализовано это, как уже написали до меня, через специальный шрифт. А контент, который выводится, формируется псевдоэлементом :before. В firebug, насколько я знаю, подобное посмотреть не получится, а вот инспектор элементов mozilla подобное отображать умеет. Вот, например, наугад взятый псевдоэлемент :before для иконки евро (класс glyphicon-euro)

введите сюда описание изображения