HTML/CSS

为什么添加Font Awesome图标有些不显示?

也想出现在这里?联系我们
创客云

现在很多 WordPress 或 ZBlogPHP 主题都集成有个性化图标,比如 Blogs 主题就集成了 Font Awesome 图标,用户无需安装插件即可添加个性化图标,但是有些用户反馈说添加的图标有些显示有些却不显示。

其实这是因为 Font Awesome 版本问题。比如目前 Blogs 主题集成的是 Font Awesome 5.0.13 版本,现在 Font Awesome 在 2019 年 6 月 4 日已经升级到 5.9.0 了。每一个版本几乎都会有一些新图标出来,所以如果你使用了高版本的图标,那么就无法显示了。

也想出现在这里?联系我们
创客主机

那么我们怎么知道那个图标是对应那个版本的呢?这个很简单,打开 Font Awesome 官网,建议选择免费图标,然后点击我们想要的图标(如点击地址簿图标 address-book)。具体如下图所示:
为什么添加Font Awesome图标有些不显示?
在出现的“address-book”页面右上角就能看到该图标更新于 5.0.3 版本,具体如下图红圈位置:
为什么添加Font Awesome图标有些不显示?
Blogs 主题集成的 Font Awesome 是 5.0.13 版本,那么就可以直接使用这个 address-book 图标。如果集成的版本低于 5.0.3,那么添加这个图标就会显示。

确定这个图标能够使用后,点击【Start Using This Icon】按钮,然后点击下图红色箭头所示的复制图标按钮即可复制该图标 HTML 代码,然后粘贴到文件想要显示的位置即可。
为什么添加Font Awesome图标有些不显示?
现在知道添加 Font Awesome 某些图标不显示的原因之后,再遇到这种情况,可以考虑换其他适合使用的图标,或者更新主题所集成的 Font Awesome 版本。

收藏
(0)

本文由来源 Boke112,由 PetitQ 整理编辑!

也想出现在这里?联系我们
创客主机

发表评论

热销模板

Hub - 响应式可视化编辑企业官网WordPress汉化模板

Envato

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!

精品专区

Contact us all-in-one button with callback - 轻量级侧边按钮客服插件,允许设置自定义的提示语,还支持添加无限数量的联系方式,不仅支持国内的微信二维码、QQ等主流程序,还支持几乎所有国外的热门社交工具、及时聊天程序等,演示参考我们官网右下角客服按钮。

购买插件