字体图标的使用

推荐网址：https://icomoon.io
首先下载图标
1.
2.选择你想使用的图标进行下载

3.

4.解压icomoon.zip

5.把fonts文件复制放入项目的根目录

6.打开icomoon压缩包中的demo.html复制正方形到你的标签内

7.引入图标方法一：
打开icomoon压缩包中的style,css复制
@font-face {
font-family: ‘icomoon’;
src: url(‘fonts/icomoon.eot?8905dm’);
src: url(‘fonts/icomoon.eot?8905dm#iefix’) format(‘embedded-opentype’),
url(‘fonts/icomoon.ttf?8905dm’) format(‘truetype’),
url(‘fonts/icomoon.woff?8905dm’) format(‘woff’),
url(‘fonts/icomoon.svg?8905dm#icomoon’) format(‘svg’);
font-weight: normal;
font-style: normal;
font-display: block;
}
到你的样式中
再通过给你的标签样式**{ font-family: ‘icomoon’;}进行引用
注意上述的路径问题！！！！！
8.引入图标方法二
插入.css到你的页面

再通过给你的标签样式{ font-family: ‘icomoon’;}**进行引用
注意：每次重新下载字体图标这个都会更新，务必重新进行引用！！