微语

WebStack 导航主题升级 Font Awesome 5 图标库

 1周前 (12-02)     93  
文章目录

因为Font Awesome 4中图标相对较少,有些小伙伴就问能不能升级到Font Awesome 5,当然肯定是可以的,但是版本4 中有一些图标在 5 中没有,所以不直接在主题包中替换,免得对这没要求的小伙伴造成不必要的麻烦,这里对升级做下说明。

1.升级到v1.1202以上主题

2.下载 Font Awesome 5 主题升级资源包,解压后复制 css 和 webfonts 文件夹到主题根目录(如果提示替换,请确认替换)

3.将下方代码复制到“主题设置”-->“添加代码”的“自定义样式css代码”中,保存

.sidebar-menu .main-menu li.has-sub>a:before,.type-text:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

4.修改无法显示的图标为 Font Awesome 5 的图标,图标参考地址-->(参考地址的图标前面需加 fa- ,如 ad 应为 fa-ad)

版权声明:一为 发表于 1周前 (12-02),共 482 字。
转载请注明:WebStack 导航主题升级 Font Awesome 5 图标库 | 一为忆

4 条评论

2019/12/2 17:30
WebStack 导航主题升级 Font Awesome 5 图标库 详情