2019-03-19,Iconfont使用(一)

Iconfont 阿里巴巴矢量图标库

1.    搜索图标,添加入库


添加入库

2.    添加至创建项目中


登录用户创建项目库

3.    选择"Font class" 更新css在线库


css库在线地址

4.    页面内使用图标    

项目引用在线css库

<link rel="stylesheet" href="//at.alicdn.com/t/font_1095913_ssfuobkowoi.css">

<i class='icon-person iconfont'></i>     //添加图标至网页元素

自定义大小、颜色等

.iconfont {

    color:#fff;

    font-size:20px;

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。