在Angular 4 app中加载的字体真棒图标

Question

我在Angular应用程序的index.html中使用旋转的Font awesome图标，同时加载主要组件。代码是：

<app-root>
  <div style="width: 100%; padding-top: 50px; text-align: center">
    <i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw"></i>
    Loading...
    <span class="sr-only">Loading...</span>
  </div>
</app-root>

问题在于，有时，应用程序似乎没有加载Font awesome CSS，它看起来像这样：

现在，我正在[styles]文件的.angular-cli.json部分加载Font Awesome CSS。但我将它包含在app index.html文件中，结果是一样的。

有什么方法可以解决这个问题吗？谢谢！

Answer 1

尝试从更快的CDN中直接加载您的图标，看看它是否有帮助。添加你的头标记：

<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">