让知更鸟主题使用上阿里图标美化界面

已收录   阅读次数: 1,291
2019-10-2020:00:27 发表评论
摘要

伯衡君之前写过一篇文章,是关于修改菜单栏图标的,具体可以参看下方的前情提要,通过最近的研究,发现可以使用阿里图标,支持几万个图标,分享一下经验,于是就有了今天这篇文章……

分享至:
让知更鸟主题使用上阿里图标美化界面

开篇寄语

伯衡君之前写过一篇文章,是关于修改菜单栏图标的,具体可以参看下方的前情提要,通过最近的研究,发现可以使用阿里图标,支持几万个图标,分享一下经验,于是就有了今天这篇文章。

前情提要

实现方法

阿里图标官方网址:https://www.iconfont.cn/,登陆后,按照如下设置。

  • 点击图标管理,我的项目,如下图所示。
让知更鸟主题使用上阿里图标美化界面
  • 进入后台,按照下图顺序填入,下面第3步和第4步的,每填入就按一下回车,然后再点击确认。
让知更鸟主题使用上阿里图标美化界面
  • 在搜索框搜索图标名称,任意都可以,然后按照下图顺序,来操作,将一个图标添加到自己的项目中。
让知更鸟主题使用上阿里图标美化界面
  • 随后返回我的项目,切换到font class,之后生成代码,复制粘贴到知更鸟主题的选项中,如下图步骤。
让知更鸟主题使用上阿里图标美化界面
让知更鸟主题使用上阿里图标美化界面
  • 一定要点击保存,这样才可以为以后设置生效。
  • 之后,返回阿里图标,将任意图标,点击复制,粘贴到菜单栏图标即可,如下图操作方法。
让知更鸟主题使用上阿里图标美化界面
让知更鸟主题使用上阿里图标美化界面

之后就可以看到本站首页图标条目都已经更换了,请看下图:

让知更鸟主题使用上阿里图标美化界面
  • 我的微信
  • 微信扫一扫加好友
  • weinxin
  • 我的微信公众号
  • 扫描关注公众号
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: