iconfont-矢量图标字体

二、矢量图标使用

1、进入:http://www.iconfont.cn/  搜索你图标的关键字,然后将需要的图标字体加入购物车

     加入购物车之后,添加到项目

2、点击查看在线连接,生成css代码,把代码复制到css文件中。

3、在HTML中需要使用到该图标的位置用<em>或则<i>标签,里面写上所用图标下面的Unicode;;并且使用iconfont类名。

     eg.  <em class="iconfont ">&#xe63d;</em>

4、如果自己想要设置颜色和大小等,可以添加一个类,然后设置它的css属性。

posted @ 2017-07-25 17:08  轩悦  阅读(460)  评论(0编辑  收藏  举报