fontawesome 图标无法在谷歌浏览器上正确呈现

【问题标题】：fontawesome icon are not rendering correctly on google chromefontawesome 图标无法在谷歌浏览器上正确呈现
【发布时间】：2017-10-07 09:12:14
【问题描述】：

我正在使用以下代码 sn-p 使用 fontawesome 来指示登录和注册图标：

<a href="http://My-App-Local.dev/login"><i class="fa fa-sign-in fa-lg" aria-hidden="true"></i>&nbsp;Login</a>

但它在 Chrome 浏览器上呈现如下：

但是，在 Firefox 中，相同的代码呈现如下：

为什么在 chrome 中渲染不正确？

【问题讨论】：

【解决方案1】：

显然该字体没有在 Chrome 中加载。原因必须是标题中的<script> 标签，其中包含指向 fontawesome.com 的链接 - 检查其中是否有任何拼写错误、缺少引号或类似内容。（在这种特殊情况下，Firefox 可能更能容忍拼写错误/缺失字符）

【讨论】：