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


当前回答

这是一个很长的拍摄,但这是我的案子,既然它已经不在这里了。

如果你从SASS编译Twitter Bootstrap使用gulp-sass或咕哝- SASS ie。node-sass。确保您的节点模块是最新的,特别是如果您正在处理一个相当旧的项目。

事实证明,在一段时间以前,SASS指令@at-root被用于字形中的@font-face的定义中,请参阅https://github.com/twbs/bootstrap-sass/blob/b01ab4942233bd7316a0634472e1243b13fb9f46/assets/stylesheets/bootstrap/_glyphicons.scss。

这里的问题在于。如果@at-root指令太旧,Libsass不支持它。如果是这种情况,您将得到一个@font-face包裹在@at-root中,浏览器不知道该如何处理。这样做的结果是不会下载任何字体,你可能会看到垃圾而不是图标。

其他回答

这就是在引导3中包含图标的方式

<span class="glyphicon glyphicon-bell"></span>

http://glyphicons.bootstrapcheatsheets.com/

希望这能有所帮助。

如果其他解决方案不起作用,您可能希望尝试从外部源导入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

这就是为什么图标没有出现在我面前的原因:

* {
    arial, sans-serif !important;
}

在我已经删除了我的CSS的这一部分,一切都像它应该工作。重要的是引起麻烦的那个。

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

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

我面临的问题是Mac/PC转换。我从MAc开发人员那里收到了一个模板,上面有图像、字体、字形和你能想到的所有东西。当你将文件加载到PC上时,问题就会显现出来。默认情况下,文件名为绿色。这意味着它们不会起作用。你会得到原始的HTML和破碎的链接。

这里有一个快速的解决方法。压缩你收到的所有文件,并将它们解压缩到不同的文件夹中。所有的文件名现在将是黑色的,将工作完美。

祝你好运。