全站搜索 客户案例 新闻中心 未分类

Fontawasome5.x版本本地化插件下载,以及升级后使用事项

WordPress教程 技术服务 4606
查询方法 请点击进入Fontawasome5.x 图标查询页面 进入之后可见所有图标,右侧下方可选各个分类的图标,可根据自身要求连续选择所需的分类。 注意,切换版本之前,请确保安装了 font awesome1.02本地化插件  否则图标则会显示不全
Fontawasome5.x版本本地化插件下载,以及升级后使用事项

Fontawasome5.x版本介绍:多达1500+的免费精致图标

我们在之前的开发中,使用了Fontawasome这一字体图标,字体图标的好处是:
  • 不管在什么设备上,总能最精细的显示出来,而不会失真
  • 只需要输入一个图标的名称,即可在网页上显示想要的图标
  • 颜色可以随意更改,相比图片而言,字体图标有更多的灵活的样式
  • 可以轻松的制作优美的动态图标,比如旋转,缩放,都可以轻松实现。
之前我们在开发过程中使用的是Fontawasome4.7版本,最近Fontawasome5已经趋于成熟,并且有了完全压倒性优势。 Fontawasome 5版本增加了除网页常用图标外的更多分类和可应用于更多行业的图标:
Fontawasome5.x版本本地化插件下载,以及升级后使用事项
如上图所示,我们可以根据需要,去切换各个分类找到适合于我们的图标了。 比如导航上,根据我们的行业特点,给每个导航项目加入图标:
Fontawasome5.x版本本地化插件下载,以及升级后使用事项
在图标应用上加入更多的元素和表现方法:
Fontawasome5.x版本本地化插件下载,以及升级后使用事项
或者在文章内插入图标:
Fontawasome5.x版本本地化插件下载,以及升级后使用事项
精彩的图标可以轻松的引用到网站的各个方面,并且在任意设备上可以保证最精致的状态,而不会失真。

Fontawasome4.7升级Fontawasome5.x的注意事项以及引用方式

Fontawasome4.7 版本的引用是 使用前缀 fa 比如 首页一般我们会加入一个小房子的图标,那么引用方式是  fa fa-home 这是Fontawasome4.7所有图标通用使用方式,而在Fontawasome5.x版本中(免费),分为三种不同类别的图标
  1. 前缀 fas 实心图标,这个前缀是使用的最多的,也是5.0版本中图标数量最多的
  2. 前缀fab 品牌图标,这个前缀是引用品牌logo的,我们一般用于客服选项 比如QQ客服、微信客服等等,或者其他品牌内容中
  3. 前缀fas 线性图标,这个图标相对较少,是区别于实心图标的线性风格图标。
示例使用: 比如我们查询到下面的动物实心图标:
Fontawasome5.x版本本地化插件下载,以及升级后使用事项
他的名称是cat  那么我们在引用时  输入  fas fa-cat  的css类 即可引用到这个图标。 在主题中,引用较多的地方是 菜单,那么我们在菜单的css类中输入这个类名称:
Fontawasome5.x版本本地化插件下载,以及升级后使用事项
这样即可显示正确了 在主题各个选项内容其他的区域使用图标时,注意选项注释说明 填写正确的格式即可显示出来各个图标。 关于Fontawasome5.x版本的介绍就到这里了,如果你有什么不明白的问题,可在此文章下留言给我们一起讨论。
上一篇: 下一篇:

相关推荐

  • WordPress如何一个后台管理多站点?WP搭建多站点配置操作方法

    5432

    有很多朋友可能还不知道WordPress的多站点功能,WordPress多站点开启之后,可以使用一套WordPress程序,管理多个站点,并且可以共用主题、插件,比起使用子菜单建立多个WordPress网站,解析到子域名或者使用子目录的方法,还是比较节省资源,并且非常方便的维护网站。

    查看全文
  • 互联网域名管理办法

    3653

    第一章 总  则第一条为了规范互联网域名服务,保护用户合法权益,保障互联网域名系统安全、可靠运行,推动中文域名和国家顶级域名发展和应用,促进中国互联网健康发展,根据《中华人民共和国行政许可法》《国务院对确需保留的行政审批项目设定行政许可的决定》等...

    查看全文
展开更多

en_USEnglish
0

客官请稍后,玩命加载中!