字体图标的使用

一、网站：

1. icomoon字库：http://icomoon.io

优点：全；缺点：打开慢

2. 阿里iconfont字库：http://www.iconfont.cn/

优点：国内、免费

二、icomoon字库使用

1. 选中需要的图标，图标可以进行旋转缩放等调整；

2.点击右下按钮Generate Font生成字体；

3.点击右下download按钮下载；

4.解压后的文件夹中找到fonts字体文件夹放到页面根目录中；

5.字体图标的引用：在style.css中找到@font-face复制到页面css中，这是全局声明字体；

6.打开demo.html文件可选用需要的图标；

7.在使用的css标签中声明字体：font-family: 'icomoon'; 可更改字体大小和颜色；

8.若需要添加新的字体图标：在网页中点左上角import icons按钮，打开之前下载的文件夹，把selection.json文件重新上传，选中想要的新的图标，重新下载压缩包，替换原先的文件