fontawesome图标无法在Google Chrome上正确呈现

时间:2017-10-07 00:31:22

标签: html5 css3 google-chrome firefox font-awesome

我使用以下代码段,使用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浏览器上呈现如下:

enter image description here

然而,在firefox中,相同的代码呈现如下:

enter image description here

  

为什么它在chrome中无法正确呈现?

1 个答案:

答案 0 :(得分:0)

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