iconfont无法更新CDN代码,子比主题如何本地调用图标?[教程]

前言

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

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

教程

iconfont无法更新CDN代码,子比主题如何本地调用图标?-青鹿云
  • 第二步:下载好并解压,把iconfont.js放到博客网站的根目录
iconfont无法更新CDN代码,子比主题如何本地调用图标?-青鹿云
  • 第三步:把下面这段代码,放到子比主题的自定义头部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换成指定的图标代码即可

iconfont无法更新CDN代码,子比主题如何本地调用图标?-青鹿云
© 版权声明
THE END
点赞543 分享
评论 共2条

请登录后发表评论