FontAwesome图标不可见，但适用于另一个相同的视图

Question

我有一个奇怪的问题：我的一个FontAwesome图标没有显示，尽管视图上的所有其他图标都有效。我无法弄清楚为什么。

<a class="add-img fa fa-plus-circle" title="@SharedResources.Index.Add" data-bind="click: mainDataAdd"></a>

• 我已经检查过该图标是否正确命名
• 尝试了另一个图标类，没有用

无论我把哪个图标放在该链接中，它都不会显示出来。

<tr class="actions-row" role="row">
                        <td class="header-action-row" style="border:none;" colspan="12">
                            <h6 class='datatable-title'><span class='fa fa-list'></span>&nbsp; @SharedResources.Index.SocialWorkerLog</h6>
                            <div class="action-images pull-right">
                                @{
                                    Dictionary<string, string> reports = ReportManager.GetReportList(ReportLocations.ResidentActiviesAllMainGrid_Top.ToString());
                                    if (reports.Count() == 1)
                                    {
                                        <a class="fa fa-print" title="@SharedResources.Index.Print" data-bind="click: function(){printreportSocial('@reports.First().Key',$data);}" style="color:#337ab7; cursor: pointer;"></a>
                                    }
                                }
                                <a class="add-img fa fa-plus-circle" title="@SharedResources.Index.Add" data-bind="click: mainDataAdd"></a>
                            </div>
                        </td>
                    </tr>

Answer 1

您的代码已修复。在链接字体下面使用Awesome CDN并为锚标记赋予颜色

a{
  color:red;
}