为什么我的引导符图形呈现为中文字符？

Question

我使用自定义版本的bootstrap.css版本3.1.1使用它们的引导程序Customize page。我改变的唯一设置是@grid-float-breakpoint设置为@screen-desktop。我的定制bootstrap.css的内容可以找到here。

我glyphicon跨度的样子：

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

，并呈现到：

的glyphicon-remove跨度也呈现为一个中国字。

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

，并呈现到：

Answer 1

复制在字体文件复制到服务器再次和清除我的浏览器的缓存已经解决了这个问题。我不明白这两个浏览器如何缓存问题，但这是解决问题的方法。

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表明将其移回顶端并不会影响加载时间。我还有其他脚本在底部加载。