图片精灵，iconfont

http://www.spritecow.com/
首先安利一个软件，做图片精灵的元素选取，非常的方便
直接给出一个位置的代码

精灵图片，是一种优化技术
将所有的小图标合成一张背景图
需要用的时候，只需要选择对应的位置即可
可以减少大量的图标请求

iconfont是阿里的矢量字体图标库
将图标做成字体，可以很方便的使用
网站上选择好图标后，加入购物车，打包下载
把解压所有文件，放入一个iconfont的静态资源目录下
然后全局引入css
然后，在项目里就可以使用class名称来使用图标了
里面有示例代码，可以参考，使用class方式引用

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容