阿里巴巴iconfont在线使用

1.首先在Iconfont-阿里巴巴矢量图标库上面将你需要的图标点击购物车按钮加入“暂存架”

阿里巴巴iconfont在线使用_第1张图片

2.选择完所有要用的图标后“存储为项目”,给它命名。然后在“图标管理”-“图标应用项目”中找到这个项目,获取在线链接,把里面的代码复制到CSS中。

阿里巴巴iconfont在线使用_第2张图片

3.在HTML中需要使用到图标时,使用iconfont类名。

里面写上你想用的图标下面的Unicode:
阿里巴巴iconfont在线使用_第3张图片

4.然后你可以通过控制iconfont类的属性改变图标的样式,比如:

.iconfont{ 
    font-family:"iconfont"; 
    font-size:16px; font-style:normal; 
    -webkit-font-smoothing: antialiased; 
    -webkit-text-stroke-width: 0.2px; 
    -moz-osx-font-smoothing: grayscale; 
    padding-left:20px; 
}

就可以在页面中引用和修改了。

你可能感兴趣的:(alibaba,iconfont)