字体真棒图标不起作用

时间:2018-03-13 20:46:45

标签: html css icons

我不知道为什么每当我使用https://fontawesome.com中的图标并将其集成到我的html中时,我的浏览器(谷歌浏览器)会显示一个闪烁的问号代替图标。任何解决方案?

更新

闪烁图标问题已经解决,但这是一个新问题。

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

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

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

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

但是当我使用cdn时它会起作用。

任何帮助?

2 个答案:

答案 0 :(得分:1)

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

了解新的前缀here

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

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

如果您要从旧的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) - 很少有充分理由将其打包在您自己。

答案 1 :(得分:0)

如果您只是从网站上复制并粘贴图标,那还不够。确保您实际将其javascript添加到您的网站,并使用HTML标记。检查Google Chrome开发人员工具中的网络标签,确认它实际上正在加载fontawesome js / css。