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

标签 html css 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

Why is it not rendering correctly in chrome?

最佳答案

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

关于html - fontawesome 图标在谷歌浏览器上无法正确呈现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46615553/

相关文章:

javascript - 网站中js文件的绝对路径问题

javascript - 在 chrome 扩展中将远程 URL 显示为弹出窗口

javascript - Element.insertAdjacentHTML() API 在 chrome 55.0.2883.87 中引发错误

css - 如何在 twitter bootstrap css 的网格 <div> 中对齐文本/图像/链接?

html - 使用水平滚动的 div 布局(无表格)

html - CSS 媒体查询顺序

html - 如何在 Bootstrap 工具提示中将文本放到换行符上?

javascript - 如何根据下拉选择填充文本值类型的输入 - Angular 5

iOS 11 浏览器图像错误

javascript - 如何确定 https 连接是否经过浏览器验证为安全