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

小熊 网站建设评论3,078字数 448阅读1分29秒阅读模式

选购自己的图标

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

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

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

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

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

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

用在网站上

进入图标管理

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

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

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

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

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

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

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

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

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

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

妥了

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

菜单图标出现的问题

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

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

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

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

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

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

  • _- !!!

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

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

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

weinxin
公众号
扫码订阅最新深度技术文,回复【资源】获取技术大礼包
小熊