Bootstrap glyphicons(fonts / ****。woff)无法加载

我在Google chrome(56.0.2924.87)控制台中看起来像这样的错误,同时尝试使用引导符号图标

在这里输入图像说明

即使我有我的.woff文件和.ttf文件位于我的“公共/ css /字体”文件夹。

添加信息

我使用Wampserver与Apache(2.4.23)

我用“npm install bootstrap”安装了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> 

有没有人知道这个问题可能位于何处?

请仔细检查@ font-face位置路径以及MIME类型。