Если я использую файл bootstrap.min.css из MaxCDN вместо загруженного загрузочного файла, как загрузить новые пользовательские значки, которые у меня есть в моем наборе шрифтов?

Question

Я был ранее с помощью загруженного bootstrap.min.css версии файла, и я добавил

.glyphicon-location2:before{content:"\e948"} 

в линии к этому файлу (который был обычай редактирование включено в шаблоне сайта). Я обновил свой набор шрифтов glyphicon, используя icomoon, и ссылаюсь на загруженный шрифт, установленный в файле проекта. Теперь я хочу использовать версию CDN bootstrap.min.css, чтобы ускорить загрузку моей страницы, но похоже, что она ссылается только на глификоны по умолчанию, потому что мои пользовательские глификоны отсутствуют на выходе веб-страницы.

1. Какое увеличение скорости должно включать в себя предварительно загруженную версию CDN?
2. Где я могу поместить ссылку на glyphicon, которая вытаскивает значки из моего настраиваемого локального набора глифов? Нужно ли переопределять исходный шрифт шрифта и указывать на локальный набор шрифтов, похожий на ответ в этом потоке (имея в виду, что я не использую SCSS или Node)?

   how does $icon-font-path works in bootstrap scss?

Могу ли я отменить glyphicons по умолчанию, добавив

@font-face { font-family:'Glyphicons Halflings'; src:url('fonts/glyphicons-halflings-regular.eot'); src:url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg') }

моему style.css файл, или я должен переопределить bootstrap.min.css шрифт обработки в другом месте?

Answer 1

Вот фрагмент кода CSS, который я смог сделать значками глифов. Попробуйте использовать семейство шрифтов, как показано ниже. FYI это усиливает аккордеон Bootstrap в

.panel-heading .accordion-toggle:after { 
/* symbol for "opening" panels */ 
font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */ 
content: "\e114"; /* adjust as needed, taken from bootstrap.css */ 
float: right;  /* adjust as needed */ 
color: #328ED1;   /* adjust as needed */ 
} 

.panel-heading .accordion-toggle.collapsed:after { 
/* symbol for "collapsed" panels */ 
content: "\e080"; /* adjust as needed, taken from bootstrap.css */ 
} 

Answer 2

Так что я сделал некоторые эксперименты и «обнаружил», что да, объявляя новые glyphicons как @font-face в моем пользовательском файле styles.css (который связан ниже моей CDN бутстраповского импорта в моем HTML для того, для переопределения значений по умолчанию) работает так же, как наличие шрифта, объявленного в моем исходном загруженном файле bootstrap.min.css. Гм ... нет точек оригинальности.