介绍图标

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

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

  • 通过本文实现的效果：

开始三方

  1. iconfont-阿里巴巴矢量图标库

  2. 注册账号登录

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

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

Halo后台设置

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

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

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

  1. 菜单调用

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

iconfont icon-guidang

注意

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

来源

转载自：https://ono.ee/?p=1693459637574