- 图片有诸多优点,但是缺点也很明显
例如:
1、图片会增加网页的大小(性能问题)
2、图片不会增加访问网页时HTTP请求的次数(性能原因)
3、图片不会很好的进行缩放(失真)
。。。。。。 - 字体图标
本质是字体(体积小),虽然字体图标的本质是文字,但是也可以做出和图片一样的效果并且可以随意修改颜色、大小、透明度(扩展性强)
3、常用字体图标库
http://www.iconfont.cn/[淘宝]
http://icommon.io/[国外的图标库访问速度慢]
4、字体图片的使用
4.1设计师提供SVG格式图标
4.2上传对应字体图标网站
4.3下载生成的代码使用
下载后如何使用
1、找到下载好的对应的文件夹,将所有的iconfont开头的文件放到项目的font文件夹下面
2、新建css文件,将demo_index.html对应的代码拷贝进去
- 注意点:拷贝代码之后需要将@font-face中的资源路径改为拷贝资源对应的路径