手把手教你如何在WordPress中使用阿里图标

前提

在阅读本文请先确认您使用的主题是否支持,或者其他简便方法,当然也不是说支持就不能使用这种方法,咱们紧着简单的来好吧!!!!

开始教程

第一步进入阿里图标素材库(https://www.iconfont.cn/)

然后将喜欢和需要使用的图标先放入购物车,然后放到某一个项目中

进入我的项目

然后点击查看在线代码生成这段代码,并复制到主题设置中的自定义CSS

然后在自定义css中再添加以下代码

.iconfont{
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

使用图标

比如在菜单中使用图标,使用以下的代码格式使用图标:

<i class="iconfont">&#xe871;</i>

添加到此处即可

好了,大功告成,告辞。

新年快乐!!!!!

怡然一记
手把手教你如何在WordPress中使用阿里图标
https://xsunhua.cn/745.html
THE END
分享
二维码
打赏
海报
手把手教你如何在WordPress中使用阿里图标
前提 在阅读本文请先确认您使用的主题是否支持,或者其他简便方法,当然也不是说支持就不能使用这种方法,咱们紧着简单的来好吧!!!! 开始教程 第一步进入……
<<上一篇
下一篇>>
文章目录
关闭
目 录