Bootstrap 3 Glyphicons CDN

Question 1

ОБРАЩАТЬ ВНИМАНИЕ!

Значки Bootstrap вернулись после этого слияния запроса на перенос .

Пройдя по этому поводу в течение последних двух недель, я решил восстановить шрифт значка Glyphicons в основном репозитории . Учитывая, насколько распространены значки в пользовательских интерфейсах, для большинства людей, вероятно, будет медвежьей услугой не включать их (или какой-либо другой шрифт значков) в то же место, что и CSS и JS.

В этом обновлении появилось следующее:

Восстанавливает документацию (на странице Компоненты)

Новые переменные, @icon-font-pathа также @icon-font-nameдля гибкости добавления и удаления шрифтов значков

Обновление до последней версии Glyphicons (добавление 40 новых иконок)

Удаляет старые упоминания Glyphicons со страницы CSS.

В будущем мы будем работать над улучшением настройки шрифтов значков, чтобы было проще менять библиотеки шрифтов (что и было основной причиной первоначального удаления).

Какой URL-адрес CDN у новой версии Twitter Bootstrap Glyphicons?

Из Bootstrap 3 они были перемещены в отдельный репозиторий , но я не нашел ни одного CDN.

Из официальной документации:

С запуском Bootstrap 3 значки были перемещены в отдельный репозиторий. Это делает основной проект максимально компактным, упрощает обмен библиотеками значков и делает шрифты значков Glyphicons более доступными для большего числа людей за пределами Bootstrap.

На официальном сайте они не предоставляют URL-адрес CDN для иконок.

Где его найти? Я не хочу скачивать репозиторий и включать его в свой проект.

Question 2

С недавним выпуском bootstrap 3 и объединением глификонов с основным репозиторием Bootstrap, Bootstrap CDN теперь обслуживает полный CSS-код Bootstrap 3.0, включая Glyphicons . Ссылка на Bootstrap css - это все, что вам нужно включить: Glyphicons и его зависимости находятся на относительных путях на сайте CDN и упоминаются в bootstrap.min.css.

В html:

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

В css:

 @import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css");

Вот рабочая демонстрация .

Обратите внимание, что вам нужно использовать .glyphiconклассы вместо .icon:

Пример:

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

Также обратите внимание, что вам все равно необходимо включить bootstrap.min.jsдля использования компонентов JavaScript Bootstrap, см. URL-адрес Bootstrap CDN .

Если вы хотите использовать Glyphicons отдельно , вы можете сделать это, напрямую сославшись на Glyphicons css на Bootstrap CDN .

В html:

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

В css:

@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");

Поскольку cssфайл уже включает в себя все необходимые зависимости Glyphicons (которые находятся в относительном пути на сайте Bootstrap CDN), добавление cssфайла - это все, что нужно сделать, чтобы начать использовать Glyphicons.

Вот рабочая демонстрация Glyphicons без Bootstrap.

Question 3

Альтернативой может быть использование Font-Awesome для значков:

Включая Font-Awesome

Откройте Font-Awesome на CDNJS и скопируйте URL-адрес CSS последней версии:

<link rel="stylesheet" href="<url>">

Или в CSS

@import url("<url>");

Например (обратите внимание, версия изменится):

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">

Применение:

<i class="fa fa-bed"></i>

В нем много иконок !

Question 4

Хотя Bootstrap CDN восстановил глификоны в bootstrap.min.css, файлы CSS Bootswatch Bootstrap CDN не включают глификоны.

Например, тема Амелии: http://bootswatch.com/amelia/

По умолчанию Амелия имеет глификоны в этом файле: http://bootswatch.com/amelia/bootstrap.min.css

Но файл css Bootstrap CDN не включает глификоны: http://netdna.bootstrapcdn.com/bootswatch/3.0.0/amelia/bootstrap.min.css

Итак, как упоминал @edsioufi, вы должны включить, вы должны включить glphicons css, если вы используете файлы Bootswatch из загрузочного CDN. Файл: http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css

Question 5

Если вы хотите иметь только значки глификонов без какого-либо дополнительного css, вы можете создать файл css, поместить приведенный ниже код и включить его в основной файл css.

Мне нужно создать этот дополнительный файл, так как ссылка ниже тоже мешала стилям моего сайта.

//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css

Вместо того, чтобы использовать его напрямую, я создал файл css bootstrap-glyphicons.css

@font-face{font-family:'Glyphicons Halflings';src:url('http://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot');src:url('http://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('http://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.woff') format('woff'),url('http://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('http://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;}
.glyphicon-asterisk:before{content:"\2a";}
.glyphicon-plus:before{content:"\2b";}
.glyphicon-euro:before{content:"\20ac";}
.glyphicon-minus:before{content:"\2212";}
.glyphicon-cloud:before{content:"\2601";}
.glyphicon-envelope:before{content:"\2709";}
.glyphicon-pencil:before{content:"\270f";}
.glyphicon-glass:before{content:"\e001";}
.glyphicon-music:before{content:"\e002";}
.glyphicon-search:before{content:"\e003";}
.glyphicon-heart:before{content:"\e005";}
.glyphicon-star:before{content:"\e006";}
.glyphicon-star-empty:before{content:"\e007";}
.glyphicon-user:before{content:"\e008";}
.glyphicon-film:before{content:"\e009";}
.glyphicon-th-large:before{content:"\e010";}
.glyphicon-th:before{content:"\e011";}
.glyphicon-th-list:before{content:"\e012";}
.glyphicon-ok:before{content:"\e013";}
.glyphicon-remove:before{content:"\e014";}
.glyphicon-zoom-in:before{content:"\e015";}
.glyphicon-zoom-out:before{content:"\e016";}
.glyphicon-off:before{content:"\e017";}
.glyphicon-signal:before{content:"\e018";}
.glyphicon-cog:before{content:"\e019";}
.glyphicon-trash:before{content:"\e020";}
.glyphicon-home:before{content:"\e021";}
.glyphicon-file:before{content:"\e022";}
.glyphicon-time:before{content:"\e023";}
.glyphicon-road:before{content:"\e024";}
.glyphicon-download-alt:before{content:"\e025";}
.glyphicon-download:before{content:"\e026";}
.glyphicon-upload:before{content:"\e027";}
.glyphicon-inbox:before{content:"\e028";}
.glyphicon-play-circle:before{content:"\e029";}
.glyphicon-repeat:before{content:"\e030";}
.glyphicon-refresh:before{content:"\e031";}
.glyphicon-list-alt:before{content:"\e032";}
.glyphicon-flag:before{content:"\e034";}
.glyphicon-headphones:before{content:"\e035";}
.glyphicon-volume-off:before{content:"\e036";}
.glyphicon-volume-down:before{content:"\e037";}
.glyphicon-volume-up:before{content:"\e038";}
.glyphicon-qrcode:before{content:"\e039";}
.glyphicon-barcode:before{content:"\e040";}
.glyphicon-tag:before{content:"\e041";}
.glyphicon-tags:before{content:"\e042";}
.glyphicon-book:before{content:"\e043";}
.glyphicon-print:before{content:"\e045";}
.glyphicon-font:before{content:"\e047";}
.glyphicon-bold:before{content:"\e048";}
.glyphicon-italic:before{content:"\e049";}
.glyphicon-text-height:before{content:"\e050";}
.glyphicon-text-width:before{content:"\e051";}
.glyphicon-align-left:before{content:"\e052";}
.glyphicon-align-center:before{content:"\e053";}
.glyphicon-align-right:before{content:"\e054";}
.glyphicon-align-justify:before{content:"\e055";}
.glyphicon-list:before{content:"\e056";}
.glyphicon-indent-left:before{content:"\e057";}
.glyphicon-indent-right:before{content:"\e058";}
.glyphicon-facetime-video:before{content:"\e059";}
.glyphicon-picture:before{content:"\e060";}
.glyphicon-map-marker:before{content:"\e062";}
.glyphicon-adjust:before{content:"\e063";}
.glyphicon-tint:before{content:"\e064";}
.glyphicon-edit:before{content:"\e065";}
.glyphicon-share:before{content:"\e066";}
.glyphicon-check:before{content:"\e067";}
.glyphicon-move:before{content:"\e068";}
.glyphicon-step-backward:before{content:"\e069";}
.glyphicon-fast-backward:before{content:"\e070";}
.glyphicon-backward:before{content:"\e071";}
.glyphicon-play:before{content:"\e072";}
.glyphicon-pause:before{content:"\e073";}
.glyphicon-stop:before{content:"\e074";}
.glyphicon-forward:before{content:"\e075";}
.glyphicon-fast-forward:before{content:"\e076";}
.glyphicon-step-forward:before{content:"\e077";}
.glyphicon-eject:before{content:"\e078";}
.glyphicon-chevron-left:before{content:"\e079";}
.glyphicon-chevron-right:before{content:"\e080";}
.glyphicon-plus-sign:before{content:"\e081";}
.glyphicon-minus-sign:before{content:"\e082";}
.glyphicon-remove-sign:before{content:"\e083";}
.glyphicon-ok-sign:before{content:"\e084";}
.glyphicon-question-sign:before{content:"\e085";}
.glyphicon-info-sign:before{content:"\e086";}
.glyphicon-screenshot:before{content:"\e087";}
.glyphicon-remove-circle:before{content:"\e088";}
.glyphicon-ok-circle:before{content:"\e089";}
.glyphicon-ban-circle:before{content:"\e090";}
.glyphicon-arrow-left:before{content:"\e091";}
.glyphicon-arrow-right:before{content:"\e092";}
.glyphicon-arrow-up:before{content:"\e093";}
.glyphicon-arrow-down:before{content:"\e094";}
.glyphicon-share-alt:before{content:"\e095";}
.glyphicon-resize-full:before{content:"\e096";}
.glyphicon-resize-small:before{content:"\e097";}
.glyphicon-exclamation-sign:before{content:"\e101";}
.glyphicon-gift:before{content:"\e102";}
.glyphicon-leaf:before{content:"\e103";}
.glyphicon-eye-open:before{content:"\e105";}
.glyphicon-eye-close:before{content:"\e106";}
.glyphicon-warning-sign:before{content:"\e107";}
.glyphicon-plane:before{content:"\e108";}
.glyphicon-random:before{content:"\e110";}
.glyphicon-comment:before{content:"\e111";}
.glyphicon-magnet:before{content:"\e112";}
.glyphicon-chevron-up:before{content:"\e113";}
.glyphicon-chevron-down:before{content:"\e114";}
.glyphicon-retweet:before{content:"\e115";}
.glyphicon-shopping-cart:before{content:"\e116";}
.glyphicon-folder-close:before{content:"\e117";}
.glyphicon-folder-open:before{content:"\e118";}
.glyphicon-resize-vertical:before{content:"\e119";}
.glyphicon-resize-horizontal:before{content:"\e120";}
.glyphicon-hdd:before{content:"\e121";}
.glyphicon-bullhorn:before{content:"\e122";}
.glyphicon-certificate:before{content:"\e124";}
.glyphicon-thumbs-up:before{content:"\e125";}
.glyphicon-thumbs-down:before{content:"\e126";}
.glyphicon-hand-right:before{content:"\e127";}
.glyphicon-hand-left:before{content:"\e128";}
.glyphicon-hand-up:before{content:"\e129";}
.glyphicon-hand-down:before{content:"\e130";}
.glyphicon-circle-arrow-right:before{content:"\e131";}
.glyphicon-circle-arrow-left:before{content:"\e132";}
.glyphicon-circle-arrow-up:before{content:"\e133";}
.glyphicon-circle-arrow-down:before{content:"\e134";}
.glyphicon-globe:before{content:"\e135";}
.glyphicon-tasks:before{content:"\e137";}
.glyphicon-filter:before{content:"\e138";}
.glyphicon-fullscreen:before{content:"\e140";}
.glyphicon-dashboard:before{content:"\e141";}
.glyphicon-heart-empty:before{content:"\e143";}
.glyphicon-link:before{content:"\e144";}
.glyphicon-phone:before{content:"\e145";}
.glyphicon-usd:before{content:"\e148";}
.glyphicon-gbp:before{content:"\e149";}
.glyphicon-sort:before{content:"\e150";}
.glyphicon-sort-by-alphabet:before{content:"\e151";}
.glyphicon-sort-by-alphabet-alt:before{content:"\e152";}
.glyphicon-sort-by-order:before{content:"\e153";}
.glyphicon-sort-by-order-alt:before{content:"\e154";}
.glyphicon-sort-by-attributes:before{content:"\e155";}
.glyphicon-sort-by-attributes-alt:before{content:"\e156";}
.glyphicon-unchecked:before{content:"\e157";}
.glyphicon-expand:before{content:"\e158";}
.glyphicon-collapse-down:before{content:"\e159";}
.glyphicon-collapse-up:before{content:"\e160";}
.glyphicon-log-in:before{content:"\e161";}
.glyphicon-flash:before{content:"\e162";}
.glyphicon-log-out:before{content:"\e163";}
.glyphicon-new-window:before{content:"\e164";}
.glyphicon-record:before{content:"\e165";}
.glyphicon-save:before{content:"\e166";}
.glyphicon-open:before{content:"\e167";}
.glyphicon-saved:before{content:"\e168";}
.glyphicon-import:before{content:"\e169";}
.glyphicon-export:before{content:"\e170";}
.glyphicon-send:before{content:"\e171";}
.glyphicon-floppy-disk:before{content:"\e172";}
.glyphicon-floppy-saved:before{content:"\e173";}
.glyphicon-floppy-remove:before{content:"\e174";}
.glyphicon-floppy-save:before{content:"\e175";}
.glyphicon-floppy-open:before{content:"\e176";}
.glyphicon-credit-card:before{content:"\e177";}
.glyphicon-transfer:before{content:"\e178";}
.glyphicon-cutlery:before{content:"\e179";}
.glyphicon-header:before{content:"\e180";}
.glyphicon-compressed:before{content:"\e181";}
.glyphicon-earphone:before{content:"\e182";}
.glyphicon-phone-alt:before{content:"\e183";}
.glyphicon-tower:before{content:"\e184";}
.glyphicon-stats:before{content:"\e185";}
.glyphicon-sd-video:before{content:"\e186";}
.glyphicon-hd-video:before{content:"\e187";}
.glyphicon-subtitles:before{content:"\e188";}
.glyphicon-sound-stereo:before{content:"\e189";}
.glyphicon-sound-dolby:before{content:"\e190";}
.glyphicon-sound-5-1:before{content:"\e191";}
.glyphicon-sound-6-1:before{content:"\e192";}
.glyphicon-sound-7-1:before{content:"\e193";}
.glyphicon-copyright-mark:before{content:"\e194";}
.glyphicon-registration-mark:before{content:"\e195";}
.glyphicon-cloud-download:before{content:"\e197";}
.glyphicon-cloud-upload:before{content:"\e198";}
.glyphicon-tree-conifer:before{content:"\e199";}
.glyphicon-tree-deciduous:before{content:"\e200";}
.glyphicon-briefcase:before{content:"\1f4bc";}
.glyphicon-calendar:before{content:"\1f4c5";}
.glyphicon-pushpin:before{content:"\1f4cc";}
.glyphicon-paperclip:before{content:"\1f4ce";}
.glyphicon-camera:before{content:"\1f4f7";}
.glyphicon-lock:before{content:"\1f512";}
.glyphicon-bell:before{content:"\1f514";}
.glyphicon-bookmark:before{content:"\1f516";}
.glyphicon-fire:before{content:"\1f525";}
.glyphicon-wrench:before{content:"\1f527";}

Развернуть фрагмент

И импортировал созданный файл css в мой основной файл css, который позволяет мне просто импортировать только глификоны. Надеюсь на эту помощь

@import url("bootstrap-glyphicons.css");

Answer 1

ОБРАЩАТЬ ВНИМАНИЕ!

Значки Bootstrap вернулись после этого слияния запроса на перенос .

Пройдя по этому поводу в течение последних двух недель, я решил восстановить шрифт значка Glyphicons в основном репозитории . Учитывая, насколько распространены значки в пользовательских интерфейсах, для большинства людей, вероятно, будет медвежьей услугой не включать их (или какой-либо другой шрифт значков) в то же место, что и CSS и JS.

В этом обновлении появилось следующее:

Восстанавливает документацию (на странице Компоненты)

Новые переменные, @icon-font-pathа также @icon-font-nameдля гибкости добавления и удаления шрифтов значков

Обновление до последней версии Glyphicons (добавление 40 новых иконок)

Удаляет старые упоминания Glyphicons со страницы CSS.

В будущем мы будем работать над улучшением настройки шрифтов значков, чтобы было проще менять библиотеки шрифтов (что и было основной причиной первоначального удаления).

Какой URL-адрес CDN у новой версии Twitter Bootstrap Glyphicons?

Из Bootstrap 3 они были перемещены в отдельный репозиторий , но я не нашел ни одного CDN.

Из официальной документации:

С запуском Bootstrap 3 значки были перемещены в отдельный репозиторий. Это делает основной проект максимально компактным, упрощает обмен библиотеками значков и делает шрифты значков Glyphicons более доступными для большего числа людей за пределами Bootstrap.

На официальном сайте они не предоставляют URL-адрес CDN для иконок.

Где его найти? Я не хочу скачивать репозиторий и включать его в свой проект.

Answer 2

1

CSS-файлы темы Bootswatch Boostrap CDN не содержат глификонов, я прав? Файл: netdna.bootstrapcdn.com/bootswatch/3.0.0/amelia/…

trante

Answer 3

С недавним выпуском bootstrap 3 и объединением глификонов с основным репозиторием Bootstrap, Bootstrap CDN теперь обслуживает полный CSS-код Bootstrap 3.0, включая Glyphicons . Ссылка на Bootstrap css - это все, что вам нужно включить: Glyphicons и его зависимости находятся на относительных путях на сайте CDN и упоминаются в bootstrap.min.css.

В html:

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

В css:

 @import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css");

Вот рабочая демонстрация .

Обратите внимание, что вам нужно использовать .glyphiconклассы вместо .icon:

Пример:

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

Также обратите внимание, что вам все равно необходимо включить bootstrap.min.jsдля использования компонентов JavaScript Bootstrap, см. URL-адрес Bootstrap CDN .

Если вы хотите использовать Glyphicons отдельно , вы можете сделать это, напрямую сославшись на Glyphicons css на Bootstrap CDN .

В html:

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

В css:

@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");

Поскольку cssфайл уже включает в себя все необходимые зависимости Glyphicons (которые находятся в относительном пути на сайте Bootstrap CDN), добавление cssфайла - это все, что нужно сделать, чтобы начать использовать Glyphicons.

Вот рабочая демонстрация Glyphicons без Bootstrap.

Answer 4

Хм, интересно. Вроде бы правильный ответ, но значки не появляются при переключении на этот URL. Font awesome работает хорошо. Загружается файл CSS с правилами значков. Мне нужно что-нибудь еще? Картинки?

Ionică Bizău

Answer 5

@John ツ Первый класс в файле CSS - это класс @ font-face, который импортирует все необходимые файлы шрифтов (включая один svgфайл изображения), которые находятся в относительном пути на сайте Bootstrap CDN . Так что вам больше ничего не нужно.

edsioufi

Answer 6

Спасибо за демонстрацию. Я посмотрю позже и приму этот ответ, но скоро мое приложение заработает. Пожалуйста, отредактируйте свой ответ и добавьте содержание комментариев в id. Благодаря!

Ionică Bizău

Answer 7

1

Огромное спасибо. Я только что видел, что .iconбольше не используется.

Ionică Bizău

Answer 8

и не используйте шрифты из настроенной версии, пока эта проблема не будет решена: github.com/twbs/bootstrap/issues/9925

OZ_

Answer 9

27

Альтернативой может быть использование Font-Awesome для значков:

Включая Font-Awesome

Откройте Font-Awesome на CDNJS и скопируйте URL-адрес CSS последней версии:

<link rel="stylesheet" href="<url>">

Или в CSS

@import url("<url>");

Например (обратите внимание, версия изменится):

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">

Применение:

<i class="fa fa-bed"></i>

В нем много иконок !

Ионика Бизэу
источник

После нескольких часов попыток заставить значки работать, ссылка на font-awesome cdn решила мою проблему. Благодарю.

Eenvincible

@Eenvincible Не забудьте использовать последнюю версию . Ссылки из моего ответа немного устарели.

Ionică Bizău

URL изменен:<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

nimrod

А файл font-awesome содержит намного больше значков. Ницца.

dudewad

Не включая глификоны начальной загрузки, но вместо этого полагаясь на fa, вы создадите проблемы для библиотек, которые зависят от начальной загрузки. Например, в Angular-ui-select будут отсутствовать некоторые значки

Robin-Hoodie

Answer 10

После нескольких часов попыток заставить значки работать, ссылка на font-awesome cdn решила мою проблему. Благодарю.

Eenvincible

Answer 11

@Eenvincible Не забудьте использовать последнюю версию . Ссылки из моего ответа немного устарели.

Ionică Bizău

Answer 12

URL изменен:<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

nimrod

Answer 13

А файл font-awesome содержит намного больше значков. Ницца.

dudewad

Answer 14

Не включая глификоны начальной загрузки, но вместо этого полагаясь на fa, вы создадите проблемы для библиотек, которые зависят от начальной загрузки. Например, в Angular-ui-select будут отсутствовать некоторые значки

Robin-Hoodie

Answer 15

Хотя Bootstrap CDN восстановил глификоны в bootstrap.min.css, файлы CSS Bootswatch Bootstrap CDN не включают глификоны.

Например, тема Амелии: http://bootswatch.com/amelia/

По умолчанию Амелия имеет глификоны в этом файле: http://bootswatch.com/amelia/bootstrap.min.css

Но файл css Bootstrap CDN не включает глификоны: http://netdna.bootstrapcdn.com/bootswatch/3.0.0/amelia/bootstrap.min.css

Итак, как упоминал @edsioufi, вы должны включить, вы должны включить glphicons css, если вы используете файлы Bootswatch из загрузочного CDN. Файл: http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css

Answer 16

Также настройщик при начальной загрузке иногда генерирует недопустимые файлы шрифтов. Отдельная загрузка файлов шрифтов помогла мне вернуть свои значки. Иногда это ошибка пакета начальной загрузки.

Clain Dsilva

Answer 17

trante: ваша информация неверна. Если вы проверите свои ссылки, вы обнаружите, что CDN Bootstrap для тем (ы) bootswatch действительно включает глификоны.

Майкл Мориарти

Answer 18

Если вы хотите иметь только значки глификонов без какого-либо дополнительного css, вы можете создать файл css, поместить приведенный ниже код и включить его в основной файл css.

Мне нужно создать этот дополнительный файл, так как ссылка ниже тоже мешала стилям моего сайта.

//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css

Вместо того, чтобы использовать его напрямую, я создал файл css bootstrap-glyphicons.css

@font-face{font-family:'Glyphicons Halflings';src:url('http://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot');src:url('http://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('http://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.woff') format('woff'),url('http://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('http://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;}
.glyphicon-asterisk:before{content:"\2a";}
.glyphicon-plus:before{content:"\2b";}
.glyphicon-euro:before{content:"\20ac";}
.glyphicon-minus:before{content:"\2212";}
.glyphicon-cloud:before{content:"\2601";}
.glyphicon-envelope:before{content:"\2709";}
.glyphicon-pencil:before{content:"\270f";}
.glyphicon-glass:before{content:"\e001";}
.glyphicon-music:before{content:"\e002";}
.glyphicon-search:before{content:"\e003";}
.glyphicon-heart:before{content:"\e005";}
.glyphicon-star:before{content:"\e006";}
.glyphicon-star-empty:before{content:"\e007";}
.glyphicon-user:before{content:"\e008";}
.glyphicon-film:before{content:"\e009";}
.glyphicon-th-large:before{content:"\e010";}
.glyphicon-th:before{content:"\e011";}
.glyphicon-th-list:before{content:"\e012";}
.glyphicon-ok:before{content:"\e013";}
.glyphicon-remove:before{content:"\e014";}
.glyphicon-zoom-in:before{content:"\e015";}
.glyphicon-zoom-out:before{content:"\e016";}
.glyphicon-off:before{content:"\e017";}
.glyphicon-signal:before{content:"\e018";}
.glyphicon-cog:before{content:"\e019";}
.glyphicon-trash:before{content:"\e020";}
.glyphicon-home:before{content:"\e021";}
.glyphicon-file:before{content:"\e022";}
.glyphicon-time:before{content:"\e023";}
.glyphicon-road:before{content:"\e024";}
.glyphicon-download-alt:before{content:"\e025";}
.glyphicon-download:before{content:"\e026";}
.glyphicon-upload:before{content:"\e027";}
.glyphicon-inbox:before{content:"\e028";}
.glyphicon-play-circle:before{content:"\e029";}
.glyphicon-repeat:before{content:"\e030";}
.glyphicon-refresh:before{content:"\e031";}
.glyphicon-list-alt:before{content:"\e032";}
.glyphicon-flag:before{content:"\e034";}
.glyphicon-headphones:before{content:"\e035";}
.glyphicon-volume-off:before{content:"\e036";}
.glyphicon-volume-down:before{content:"\e037";}
.glyphicon-volume-up:before{content:"\e038";}
.glyphicon-qrcode:before{content:"\e039";}
.glyphicon-barcode:before{content:"\e040";}
.glyphicon-tag:before{content:"\e041";}
.glyphicon-tags:before{content:"\e042";}
.glyphicon-book:before{content:"\e043";}
.glyphicon-print:before{content:"\e045";}
.glyphicon-font:before{content:"\e047";}
.glyphicon-bold:before{content:"\e048";}
.glyphicon-italic:before{content:"\e049";}
.glyphicon-text-height:before{content:"\e050";}
.glyphicon-text-width:before{content:"\e051";}
.glyphicon-align-left:before{content:"\e052";}
.glyphicon-align-center:before{content:"\e053";}
.glyphicon-align-right:before{content:"\e054";}
.glyphicon-align-justify:before{content:"\e055";}
.glyphicon-list:before{content:"\e056";}
.glyphicon-indent-left:before{content:"\e057";}
.glyphicon-indent-right:before{content:"\e058";}
.glyphicon-facetime-video:before{content:"\e059";}
.glyphicon-picture:before{content:"\e060";}
.glyphicon-map-marker:before{content:"\e062";}
.glyphicon-adjust:before{content:"\e063";}
.glyphicon-tint:before{content:"\e064";}
.glyphicon-edit:before{content:"\e065";}
.glyphicon-share:before{content:"\e066";}
.glyphicon-check:before{content:"\e067";}
.glyphicon-move:before{content:"\e068";}
.glyphicon-step-backward:before{content:"\e069";}
.glyphicon-fast-backward:before{content:"\e070";}
.glyphicon-backward:before{content:"\e071";}
.glyphicon-play:before{content:"\e072";}
.glyphicon-pause:before{content:"\e073";}
.glyphicon-stop:before{content:"\e074";}
.glyphicon-forward:before{content:"\e075";}
.glyphicon-fast-forward:before{content:"\e076";}
.glyphicon-step-forward:before{content:"\e077";}
.glyphicon-eject:before{content:"\e078";}
.glyphicon-chevron-left:before{content:"\e079";}
.glyphicon-chevron-right:before{content:"\e080";}
.glyphicon-plus-sign:before{content:"\e081";}
.glyphicon-minus-sign:before{content:"\e082";}
.glyphicon-remove-sign:before{content:"\e083";}
.glyphicon-ok-sign:before{content:"\e084";}
.glyphicon-question-sign:before{content:"\e085";}
.glyphicon-info-sign:before{content:"\e086";}
.glyphicon-screenshot:before{content:"\e087";}
.glyphicon-remove-circle:before{content:"\e088";}
.glyphicon-ok-circle:before{content:"\e089";}
.glyphicon-ban-circle:before{content:"\e090";}
.glyphicon-arrow-left:before{content:"\e091";}
.glyphicon-arrow-right:before{content:"\e092";}
.glyphicon-arrow-up:before{content:"\e093";}
.glyphicon-arrow-down:before{content:"\e094";}
.glyphicon-share-alt:before{content:"\e095";}
.glyphicon-resize-full:before{content:"\e096";}
.glyphicon-resize-small:before{content:"\e097";}
.glyphicon-exclamation-sign:before{content:"\e101";}
.glyphicon-gift:before{content:"\e102";}
.glyphicon-leaf:before{content:"\e103";}
.glyphicon-eye-open:before{content:"\e105";}
.glyphicon-eye-close:before{content:"\e106";}
.glyphicon-warning-sign:before{content:"\e107";}
.glyphicon-plane:before{content:"\e108";}
.glyphicon-random:before{content:"\e110";}
.glyphicon-comment:before{content:"\e111";}
.glyphicon-magnet:before{content:"\e112";}
.glyphicon-chevron-up:before{content:"\e113";}
.glyphicon-chevron-down:before{content:"\e114";}
.glyphicon-retweet:before{content:"\e115";}
.glyphicon-shopping-cart:before{content:"\e116";}
.glyphicon-folder-close:before{content:"\e117";}
.glyphicon-folder-open:before{content:"\e118";}
.glyphicon-resize-vertical:before{content:"\e119";}
.glyphicon-resize-horizontal:before{content:"\e120";}
.glyphicon-hdd:before{content:"\e121";}
.glyphicon-bullhorn:before{content:"\e122";}
.glyphicon-certificate:before{content:"\e124";}
.glyphicon-thumbs-up:before{content:"\e125";}
.glyphicon-thumbs-down:before{content:"\e126";}
.glyphicon-hand-right:before{content:"\e127";}
.glyphicon-hand-left:before{content:"\e128";}
.glyphicon-hand-up:before{content:"\e129";}
.glyphicon-hand-down:before{content:"\e130";}
.glyphicon-circle-arrow-right:before{content:"\e131";}
.glyphicon-circle-arrow-left:before{content:"\e132";}
.glyphicon-circle-arrow-up:before{content:"\e133";}
.glyphicon-circle-arrow-down:before{content:"\e134";}
.glyphicon-globe:before{content:"\e135";}
.glyphicon-tasks:before{content:"\e137";}
.glyphicon-filter:before{content:"\e138";}
.glyphicon-fullscreen:before{content:"\e140";}
.glyphicon-dashboard:before{content:"\e141";}
.glyphicon-heart-empty:before{content:"\e143";}
.glyphicon-link:before{content:"\e144";}
.glyphicon-phone:before{content:"\e145";}
.glyphicon-usd:before{content:"\e148";}
.glyphicon-gbp:before{content:"\e149";}
.glyphicon-sort:before{content:"\e150";}
.glyphicon-sort-by-alphabet:before{content:"\e151";}
.glyphicon-sort-by-alphabet-alt:before{content:"\e152";}
.glyphicon-sort-by-order:before{content:"\e153";}
.glyphicon-sort-by-order-alt:before{content:"\e154";}
.glyphicon-sort-by-attributes:before{content:"\e155";}
.glyphicon-sort-by-attributes-alt:before{content:"\e156";}
.glyphicon-unchecked:before{content:"\e157";}
.glyphicon-expand:before{content:"\e158";}
.glyphicon-collapse-down:before{content:"\e159";}
.glyphicon-collapse-up:before{content:"\e160";}
.glyphicon-log-in:before{content:"\e161";}
.glyphicon-flash:before{content:"\e162";}
.glyphicon-log-out:before{content:"\e163";}
.glyphicon-new-window:before{content:"\e164";}
.glyphicon-record:before{content:"\e165";}
.glyphicon-save:before{content:"\e166";}
.glyphicon-open:before{content:"\e167";}
.glyphicon-saved:before{content:"\e168";}
.glyphicon-import:before{content:"\e169";}
.glyphicon-export:before{content:"\e170";}
.glyphicon-send:before{content:"\e171";}
.glyphicon-floppy-disk:before{content:"\e172";}
.glyphicon-floppy-saved:before{content:"\e173";}
.glyphicon-floppy-remove:before{content:"\e174";}
.glyphicon-floppy-save:before{content:"\e175";}
.glyphicon-floppy-open:before{content:"\e176";}
.glyphicon-credit-card:before{content:"\e177";}
.glyphicon-transfer:before{content:"\e178";}
.glyphicon-cutlery:before{content:"\e179";}
.glyphicon-header:before{content:"\e180";}
.glyphicon-compressed:before{content:"\e181";}
.glyphicon-earphone:before{content:"\e182";}
.glyphicon-phone-alt:before{content:"\e183";}
.glyphicon-tower:before{content:"\e184";}
.glyphicon-stats:before{content:"\e185";}
.glyphicon-sd-video:before{content:"\e186";}
.glyphicon-hd-video:before{content:"\e187";}
.glyphicon-subtitles:before{content:"\e188";}
.glyphicon-sound-stereo:before{content:"\e189";}
.glyphicon-sound-dolby:before{content:"\e190";}
.glyphicon-sound-5-1:before{content:"\e191";}
.glyphicon-sound-6-1:before{content:"\e192";}
.glyphicon-sound-7-1:before{content:"\e193";}
.glyphicon-copyright-mark:before{content:"\e194";}
.glyphicon-registration-mark:before{content:"\e195";}
.glyphicon-cloud-download:before{content:"\e197";}
.glyphicon-cloud-upload:before{content:"\e198";}
.glyphicon-tree-conifer:before{content:"\e199";}
.glyphicon-tree-deciduous:before{content:"\e200";}
.glyphicon-briefcase:before{content:"\1f4bc";}
.glyphicon-calendar:before{content:"\1f4c5";}
.glyphicon-pushpin:before{content:"\1f4cc";}
.glyphicon-paperclip:before{content:"\1f4ce";}
.glyphicon-camera:before{content:"\1f4f7";}
.glyphicon-lock:before{content:"\1f512";}
.glyphicon-bell:before{content:"\1f514";}
.glyphicon-bookmark:before{content:"\1f516";}
.glyphicon-fire:before{content:"\1f525";}
.glyphicon-wrench:before{content:"\1f527";}

Развернуть фрагмент

И импортировал созданный файл css в мой основной файл css, который позволяет мне просто импортировать только глификоны. Надеюсь на эту помощь

@import url("bootstrap-glyphicons.css");

Bootstrap 3 Glyphicons CDN

ОБРАЩАТЬ ВНИМАНИЕ!

Ответы:

Включая Font-Awesome

Применение: