为什么我的bootstrap glyphicons会被渲染成中文字符？

Question

我使用自己Customize page的自定义版bootstrap.css版本3.1.1使用bootstrap。我更改的唯一设置是@grid-float-breakpoint设置为@screen-desktop。我可以找到自定义bootstrap.css的内容here。

我的glyphicon span看起来像：

<span class="glyphicon glyphicon-ok form-control-feedback"></span>

并呈现给：

glyphicon-remove范围也会呈现为中文字符。

<span class="glyphicon glyphicon-remove form-control-feedback"></span>

并呈现给：

Answer 1

再次将字体文件复制到服务器并清除浏览器＆＃39;缓存解决了这个问题。我不明白这两种浏览器是如何解决缓存问题的，但这就解决了这个问题。

Answer 2

我也发现了这一点。对我来说，我之前已经将bootstrap.min.js移动到html主体之后，我在较慢的网络上看到了中文字符。将bootstrap.min.js移回顶部解决了这个问题。

一种解决方案可能是在初始加载时页面的可见区域中没有任何字形，或者在加载页面之前将加载面板放在内容上方。例如，像这个例子http://pathgather.github.io/please-wait/

我想移动bootstrap.min.js以改善加载时间（首屏内容）。运行https://developers.google.com/speed/pagespeed/insights表明将其移回顶部不会对加载时间造成太大影响。我仍然在底部加载其他脚本。