引导glyphicons（字体/ ****。WOFF）不加载(Bootstrap glyphicon

我的错误让看起来像这样在我的谷歌浏览器（56.0.2924.87）控制台试图使用引导glyphicons

即使我有我的.woff文件以及位于我的“公共/ CSS /字体”文件夹中的.ttf文件。

Addtional信息

我使用Wampserver与Apache（2.4.23）

我安装bootstrap.css与“故宫安装引导”

这就是我的字体面的样子

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

}

我尝试调用这样的glyphicons：

<i class="glyphicon glyphicon-chevron-left"></i>

有没有人有任何想法，这个问题可能会在什么位置？

Answer 1:

仔细检查@字体面位置路径，也是MIME类型。

文章来源: Bootstrap glyphicons (fonts/****.woff) not loading