前言

一个月前由于阿里巴巴iconfont图标库，出现了一系列问题，导致iconfont无法在线更新代码调用

我们可以把iconfont的项目下载到本地调用，如何调用呢？下面来看教程：

教程

• 第一步：打开阿里巴巴iconfont图标库官网：https://www.iconfont.cn

• 第二步：下载好并解压，把iconfont.js放到博客网站的根目录

• 第三步：把下面这段代码，放到子比主题的自定义头部HTML代码

<script src="./iconfont.js"></script>

再把这这段代码放在自定义CSS代码

.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

• 最后一步：然后需要调用的时候加入下面这段代码

<svg class="icon" aria-hidden="true">
  <use xlink:href="#icon-xxx"></use>
</svg>

ps：把icon-xxx换成指定的图标代码即可