阿里巴巴矢量图标库Iconfont的使用(三)---在线链接方式

原创 阿波罗D波 随笔 学习收获 473阅读 2017-05-17 14:30:14 举报

我的Iconfont第一篇笔记《阿里巴巴矢量图标库Iconfont的使用(一)---下载代码方式》

我的Iconfont第二篇笔记《阿里巴巴矢量图标库Iconfont的使用(二)---创建图标项目》

使用阿里巴巴矢量图标库Iconfont的图标,除了下载代码(可以参考我的Iconfont第一篇笔记)这种方式外,还有另外一种使用方式即使用在线链接,具体使用方法:
第一步:鼠标移入首页【图标管理】--->选择【我的项目】,进入我的项目页面;

阿里巴巴矢量图标库Iconfont的使用(三)---在线链接方式

第二步:如上图,点击“暂无代码,点此生成”处,就会针对我们收藏的图标生成一个对应的远程的在线链接;

阿里巴巴矢量图标库Iconfont的使用(三)---在线链接方式

第三步:复制生成的在线链接,使用link标签引入到页面,注意:在线链接地址前面要加上https:[/color],具体页面代码如下图:

阿里巴巴矢量图标库Iconfont的使用(三)---在线链接方式

第四步:通过调整i标签的font-size、color属性来调整图标的大小和颜色。

至此,使用在线链接在页面中加入图标就搞定了。

有错的和不懂的地方,可以写在评论里面,我会及时更改回复,欢迎大家指导纠正,谢谢!

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复