我在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类型。