Halo博客Hao主题菜单栏小图标设置

介绍图标

• 菜单图标库 - iconfont Demo (onmicrosoft.cn)
  
• 本地 图标调用不够用，而且不是自己想要（自主选择）
• 我想加就加，想怎么调用就怎么调用

开始三方

1. iconfont-阿里巴巴矢量图标库
2. 注册账号登录
   
   
   
3. 复制 Font class给的css代码，如下只做展示

//at.alicdn.com/t/c/font_3420590_qsdf0zi4c8.css

4. 打开自己的halo博客，登录博客后台，找到设置,代码注入,全局 head 标签
   
5. 填写如下，css链接自行替换

<link rel="stylesheet" href="https://at.alicdn.com/t/c/font_3420590_qsdf0zi4c8.css">

6. 菜单调用
   
7. 调用方法iconfont后面跟上你的图标

iconfont icon-guidang

注意

• 记得项目设置 勾选彩色 图标才是彩色的

来源

• iconfont Demo (onmicrosoft.cn)
• iconfont-阿里巴巴矢量图标库