微语

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

 5年前     1.6K  

因为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)

Font Awesome 5 资源包

6 条评论

热门文章
Lading...