在我的情况下，我得到了一个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

@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');}

我使用bootstrap命名空间和象形文字不工作，但在代码中添加上面一行象形文字工作正常。

我遇到了这个问题，它是由变量引起的。更少的文件。重写它以设置icon-font-path值解决了这个问题。

文件结构如下所示:

\Content
        \Bootstrap
        \Fonts
 styles.less
 variables.less

添加我自己的变量。在Content的根目录中添加less文件，并在样式中引用它。Less解决了404错误。

变量。不包含:

@icon-font-path:          "fonts/";

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

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

http://glyphicons.bootstrapcheatsheets.com/

希望这能有所帮助。

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

下载完整/非定制包从那里的网站和替换您的字体文件与非定制包字体。意志是固定的。