移动web开发的第一天学习分享-------字体图标

在还没有开始学习移动web时,对于网页的小图标都是使用精灵图来写代码,今天了解到

1.字体图标(只有一种颜色的图标,本质是字体.可以采用字体图标而不用使用精灵图,降低服务器请求次数,)  字体图标使用步骤:步骤1： 复制相关文件到本地目录下，并引入字体图标css文件。步骤2： 标签使用字体图标。

(1.)使用字体图标 – 类名：(!improtant)

 或者不需要咱们下载相关文件到本地，阿里字体库比较稳定，在很多情况下，直接引入在线地址即可。例如(记得要+http:喔)

 (2.)使用字体图标 – unicode编码：

(3.)使用字体图标 – 伪元素：

(4.)上传矢量图：上传 → 上传SVG图标