Bootstrap 3 glyphicon不工作

我下载了引导3.0，但无法让象形文字工作。我得到一些"E003"错误。知道为什么会这样吗?我在本地和网上都试过了，还是遇到同样的问题。

当前回答

它看起来像一个UTF字符问题在你的css。只需更新您的引导css文件与新的。

其他回答

在我的情况下，我得到了一个404的glyphicons-halfling -regular。Woff，以及移动浏览器上不可见的象形文字。

看起来woff的MIME类型有些混乱，不同的浏览器接受多种MIME类型，但是W3C说:

application/font-woff

编辑:在测试以下MIME类型的woff作品目前在所有浏览器:

application/x-font-woff

编辑:目前Bootstrap的最新版本(3.3.5)使用。woff2字体，初始结果与。woff相同，W3C仍然在定义规范，但目前MIME类型似乎是:

application/font-woff2

如果其他解决方案不起作用，您可能希望尝试从外部源导入Glyphicons，而不是依赖Bootstrap为您完成所有工作。这样做:

你可以在HTML中这样做:

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">

或CSS:

@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css")

来自这个线程的信用edsiofi: Bootstrap 3 Glyphicons CDN

您的字体目录中是否有以下所有文件

glyphicons-halflings-regular.eot
glyphicons-halflings-regular.svg
glyphicons-halflings-regular.ttf
glyphicons-halflings-regular.woff

如果你使用Visual Studio(2015年，在我的情况下)来创建一个ASP。NET Webforms Web Application，带有Bootstrap主题，默认情况下，字形存储在项目根目录下的/fonts文件夹中。

如果您开始将/Content下的引导文件重新安排到子文件夹中(例如，支持多个主题)，那么引导中的所有引用都将引导到../fonts/将中断。您可以将字体文件夹移动到/Content下适当的相对路径，或者重命名从../fonts到/fonts。

它看起来像一个UTF字符问题在你的css。只需更新您的引导css文件与新的。

推荐文章