介绍图标

菜单图标库 - iconfont Demo (onmicrosoft.cn)


本地 图标调用不够用，而且不是自己想要（自主选择）

我想加就加，想怎么调用就怎么调用

开始三方

iconfont-阿里巴巴矢量图标库

注册账号登录

复制 Font class给的css代码，如下只做展示

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

打开自己的halo博客，登录博客后台，找到设置,代码注入,全局 head 标签

填写如下，css链接自行替换

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

菜单调用

调用方法iconfont后面跟上你的图标

iconfont icon-guidang

注意

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

转自：Halo博客Hao主题菜单栏小图标设置-狗头军师