字体图标iconfont

1. 字体图标的优点：

• 灵活性

• 轻量级

• 兼容性

• 使用方便：1下载字体包 2引入使用

只要使用阿里巴巴矢量图标库www.iconfont.cn/

除了阿里的还有fontavesome、icon moon后两者的图标较为国际华不经常使用

阿里巴巴矢量图标库是方法:

1. 使用字体图标-Unicode编码：

   1. 引入样式表：iconfont.css

   2. 复制粘贴图标对应的Unicode编码

   3. 设置文字字体

2. 使用字体图标类

   1. 从iconfont网下载或...（大神自己写）

   2. 引入字体图标样式表

   3. 调用图标对应的类名

      • iconfont类：基本样式，包含字体的使用等

      • icon-xxx：图标对应的类名

3. 在线引用（参考阿里巴巴矢量图标库www.iconfont.cn/使用文档）