font-awsome的奇怪渲染

Question

页面刷新后，fontawesome图标会不时地以这种方式呈现：

当他们看起来像这样：

我有什么遗漏我的HTML或CSS吗？

这是显示每个菜单选项的HTML，简单如下：

<li class=""><a ui-sref="Resources" title="Resources">
                        <i class="fa fa-lg fa-fw fa-globe"></i>
                        <span class="menu-item-parent ng-binding">Resources</span>
                    <b class="collapse-sign"><em class="fa fa-plus-square-o"></em></b></a>
                </li>

菜单的父元素是：

<aside id="left-panel"><nav nav-menu="" stopwatch="true">
   <ul><li><!--menu time --></li>

Answer 1

看起来像是mojibake。它可能取决于文件（css和html）或文档编码。文件一应该是utf-8而不是bom。