css - 如何以及在哪里将Glyphicons文件夹添加到我的元素中？

似乎没有文档，因此我也没有在Stackoverflow上找到任何好的解决方案/指南。

如何以及在哪里将Glyphicons文件夹添加到我的项目中？

我的应用文件夹结构：

-quickstart-master
     -app (*Here are my js anf html files*)
     -node_modules
        -bootstrap
           -fonts
     ....
    -index.html

最佳答案

由于Bootstrap分发文件暗示将其放在与js和css文件夹相同级别的fonts文件夹中：

|
|--js_folder_name/bootstrap.js
|--css_folder_name/bootstrap.css
|--fonts/ <---- put all the glyphicons files here
|

如果要更改为自定义文件夹，可以在bootstrap.css中编辑路径：

@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.woff2') format('woff2'), 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');
}