网站美化:加载阿里图标库

2020年2月17日 评论 244 views 448字阅读1分29秒

选购自己的图标

进入阿里图标库:https://www.iconfont.cn/

登陆以后搜索想要的图标,用英文搜索可能会好一点。

找到喜欢的图标,加入购物车

点击右上角购物车,添加到项目,新建项目,完成选购

用在网站上

进入图标管理

生成代码后复制这里的css链接,注意红圈

到你的网站后台->外观->主题选择->辅助功能,下图位置,复制上

到你要用的地方,比如我这里主页的新浪微博图标改成github

细心的人看出来我看的多了前缀,在图标库这里,前缀我的是icon-font familyiconfont

妥了

菜单图标出现的问题

菜单这里我使用图标的时候字不见了!!

我本来在外观->菜单,最上面选项,打开css类,然后

这样设置完了以后,发现菜单变成这个叼样子了。

我看了下代码,字是在的,但是为什么不显示呢!!气死个人。

  • _- !!!

经过了2个小时的各种尝试发现,你的图标库设置必须是下面这样子

在FontClass/Symbol 前缀和Font Family,分别填写【be-】和【be】

重新更新后可以了,有问题请在下面留言

weinxin
公众号
在号内与我交流,回复【资源】获取技术大礼包
小熊