阿里巴巴iconfont在线使用

小蘑菇

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

image.png

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

image.png

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

<i class="iconfont">&#xe600;</i>

里面写上你想用的图标下面的Unicode:
image.png

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; 
}

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

阅读 491
537 声望
648 粉丝
0 条评论
你知道吗?

537 声望
648 粉丝
宣传栏