介绍图标

672a1af9a5d04.webp

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

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

  • 通过本文实现的效果：

672a1c56240d3.webp

开始三方

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

  2. 注册账号登录672a1c5762cc5.webp672a1d284f607.webp

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

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

Halo后台设置

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

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

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

  1. 菜单调用672a1d9ee5708.webp

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

iconfont icon-guidang

672a1c564baf7.webp

注意

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

来源

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