移动Web网页开发——字体图标

一、字体图标

1.1 字体图标的具体使用

将iconfont文件夹放在代码根目录

步骤：

1. 引样式表
2. 调用类名

注意：

• 如果是通过类名来实现字体的效果，就不能使用标签选择器来设置字体了，因为标签选择器的权重小于类选择器                   

案例：淘宝购物车

布局标签

• li > span*3

字体图标

• 引入字体图标样式表
• 购物车和箭头span调用字体图标类名 

1.2 上传矢量图

思考：如果图标库没有项目所需的图标怎么办

答：IconFont网站上传矢量图生成字体图标

1. 与设计师沟通，得到SVG矢量图
2. IconFont网站上传图标，下载使用