阿里巴巴IconFont的使用方式

1、解释一下为何要使用IconFont？

IconFont顾名思义就是把图标用字体的方式呈现。

其优势在于如下几个方面：

1.能够经过css的样式改变其颜色；（最霸气的理由）

2.相对于图片来讲，具备更高的分辨率

3.更小的存储

缺点：浏览器兼容性不够普及，所幸，大部分主流浏览器都支持

2、阿里巴巴IconFont要怎么使用

1.固然是先下载（上传图片太麻烦，你们多包容哈）

》登陆：http://www.iconfont.cn/

》点击图标库，搜索购物车，即可以看到一系列购物车图标。

》选择本身喜欢的图标，加入购物车

》选择完成后，点开购物车，点击下载代码

2.如何应用到代码（这部分能够来几张图片）

打开上述三个页面，就是运用IconFont的3种使用方法(创建一个font文件放置相应的文件)

（1）Unicode（兼容性最好，不支持多色），需拷贝下面几个文件

（2）symbol引用，需导入iconfont.js文件

（3）font-class引用，需导入iconfont.css文件

具体的代码步骤，3个html都讲述得很清楚，我就很少说了。

结语：哈！我很感谢那些写博客的大神。虽然我不是一个大神，可是仍是但愿能够经过本身的微薄之力帮助一些像我一个须要指导的人。

互联网是给这个世界最大的惊喜。