Bootstrap 3 glyphicon不工作

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

当前回答

例如，确保你没有过度指定字体族

*{font-family: Verdana;}

将从I元素中删除halflings字体。

2014-05-14 13:03:51

其他回答

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

2015-06-12 12:51:18

您必须按以下顺序设置:

<link rel="stylesheet" href="path/bootstrap.min.css"> 
<style type="text/css"> 
     @font-face {   font-family: 'Glyphicons Halflings';   
     src: url('../fonts/glyphicons-halflings-regular.eot');   
     src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), 
     url('../fonts/glyphicons-halflings-regular.woff') format('woff'),  
     url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), 
     url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg'); } 
</style>

2014-03-08 11:39:09

如果您正在使用CDN，请确保您使用的是最新版本的CDN链接。我正在使用CDN链接的前一个版本，并试图添加更新的图标，我在网站上找到(其中包含最新版本的图标)，因此它没有显示在网页上。将cdn链接更改为最新版本可能会有所帮助。

2021-05-24 05:31:22

之前的答案都不适合我....

问题是我正在尝试<span class="icones glyphicon glyphicon-pen"> 一个小时后，我意识到这个图标不包括在Bootstrap包!而信封图标工作正常..

2016-03-04 23:55:03

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

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