Html 字体的奇数渲染

页面刷新后，图标会不时以以下方式呈现：

当它们看起来像这样时：

有什么东西我缺少我的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>

看起来有点像mojibake。它可能取决于文件（css和html）或文档编码。文件1应该是utf-8，没有bom。

开发控制台中有错误吗？没有，控制台已清理。您可以共享html吗？@NigelFds我只是添加了项目本身，如果您需要更大的范围，我也可以共享它