html - 超棒的字体图标不起作用

Question

我不知道为什么每次我使用来自 https://fontawesome.com 的图标时并将其集成到我的 html 中我的浏览器(谷歌浏览器)显示一个闪烁的问号代替图标。有什么解决办法吗？

更新:

闪烁的图标问题已经解决，但是有一个新问题。

我不知道为什么每次我使用 https://fontawesome.com 中的图标时它根本不显示在我的浏览器中。这是我在标记中使用的代码。

<i class="fab fa-mizuni"></i>

还有我用来从我的系统调用它的脚本

<script src="Assets/svg-with-js/js/fontawesome.js"></script>

但它在我使用 cdn 时有效。

有什么帮助吗？

Answer 1

闪烁的问号表示您没有使用合适的选择器或字体加载不当。请注意，现在不同图标之间存在前缀差异，不再都是 fa。

了解新前缀 here .

查看此 CodePen:https://codepen.io/xhynk/pen/VXezaX

它显示旧的 fa 前缀(闪烁的 ?/!)和新的适当的 fab (FontAwesome Brand) 前缀。

如果您是从旧的 4.x 版 FontAwesome 更新，请阅读此处的升级文档:https://fontawesome.com/how-to-use/upgrading-from-4

根据您问题中的更新，Assets/svg-with-js/js/fontawesome.js 不存在，您的路径需要更改(可能只是添加一个 / 在 Assets 之前)。但是，我强烈敦促您使用默认的 FontAwesome CDN (https://use.fontawesome.com/releases/v5.0.8/js/all.js) -很少有很好的理由将它打包在你自己身上。