在线iconfont的使用方法

在线iconfont的使用方法

阿里巴巴矢量图标库http://www.iconfont.cn/

注册账户登陆

搜索所需要的iconfont图标

添加到购物车

在线iconfont的使用方法_第1张图片

在购物车中选择添加到项目

新建项目然后添加到项目

在线iconfont的使用方法_第2张图片
在线iconfont的使用方法_第3张图片

生成的css连接代码

//at.alicdn.com/t/font_9k61ud8ntjspds4i.css

在页面中引用

 

i标签的class设置成iconfont表明这是一个字符图标

另一个类名用来设置字符图标的样式

标签里面包裹的就是所用iconfont图标的Unicode码

你可能感兴趣的:(在线iconfont的使用方法)