子比主题-自定义菜单页面Iconfont图标设置-使用教程

Iconfont图标官网

吾爱美化此次产生子比主题风格菜单栏网页页面Iconfont图标设定使用方法,Iconfont国内作用很强且标志具体内容非常丰富的矢量图标库,给予矢量图标免费下载、在线存储、格式转化等服务。

一、新创建Iconfont新项目
下面我们就一步一步的教你如何使用阿里巴巴Iconfont图标
Iconfont适用GitHub帐号登录,登陆以后你还可以寻找所需要的标志啦
首先,寻找自己的所需要的标志,全都点入加入购物车!

然后把加入购物车的标志参与到新项目,如果真未创建项目,那么就新创建一个就是了

子比主题-自定义菜单页面Iconfont图标设置-使用教程
子比主题-自定义菜单页面Iconfont图标设置-使用教程

二、网址集成化
应用Iconfont图标标志官方网也是有详尽的实例教程,与此同时官方网站给予三种集成方式:Unicode、class、Symbol。
在这里我可使用Symbol的方法集成化到网站中,当然你也依照官方实例教程应用其他方法集成化
第一步:形成新建项目Symbol连接链接并复制

子比主题-自定义菜单页面Iconfont图标设置-使用教程

第二步:将编码储存到主题设置
将下面源代码中链接更换给您刚复制连接,随后进到主题设置-自定编码-自定底端编码,黏贴后储存主题设置

子比主题-自定义菜单页面Iconfont图标设置-使用教程

使用 Iconfont图标

在已经添加到你项目中查找图标并复制图标代码,然后按照下面的格式替换href="#iconxxx"中的图标代码,将代码插入到你需要显示图标的地方!

子比主题-自定义菜单页面Iconfont图标设置-使用教程

© 版权声明
THE END
喜欢就支持一下吧
点赞4 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容