html - font-awesome 的奇怪渲染

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)或文档编码。文件一应该是没有 bom 的 utf-8。