WPCOM主题Iconfont图标库添加及使用教程

在近期最新更新的主题版本中,我们增加了Iconfont图标库的支持,通过使用Iconfont我们将可以添加自己喜欢的图标到网站,甚至您也可以直接自己设计图标。下面具体介绍下图标库的添加以及使用方法。

1、注册Iconfont帐号

首先需要到Iconfont官网注册,地址:https://www.iconfont.cn 目前可通过Github和微博注册登录使用。

2、新建图标项目

进入网站图标管理>我的项目,然后点击右边新建项目的图标:

WPCOM主题Iconfont图标库添加及使用教程WPCOM主题Iconfont图标库添加及使用教程

其中需要注意的是FontClass/Symbol 前缀选项需要固定填写icon-,如图:

WPCOM主题Iconfont图标库添加及使用教程WPCOM主题Iconfont图标库添加及使用教程

3、添加图标到项目

上传自己的图标

如果自己有符合要求的svg图标或者自己绘制好的图标(图标绘制可以点击参考官方说明),可以点击上传图标至项目,如图:

WPCOM主题Iconfont图标库添加及使用教程WPCOM主题Iconfont图标库添加及使用教程

添加网站线上已有图标

温馨提示:线上字体图标可能会涉及到版权问题,使用前建议识别图标版权风险,或者联系图标作者获取授权许可;强烈建议使用免费开源图标
内容没看懂? 不太想学习?想快速解决? 有偿解决: 联系专家

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索