我不知道为什么每当我使用https://fontawesome.com中的图标并将其集成到我的html中时,我的浏览器(谷歌浏览器)会显示一个闪烁的问号代替图标。任何解决方案?
闪烁图标问题已经解决,但这是一个新问题。
我不知道为什么每当我使用https://fontawesome.com中的图标时,我的浏览器根本不会显示该图标。这是我在标记中使用的代码。
<i class="fab fa-mizuni"></i>
还有我用来从我的系统调用它的脚本
<script src="Assets/svg-with-js/js/fontawesome.js"></script>
但是当我使用cdn时它会起作用。
任何帮助?
答案 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。