web字体图标的使用

web字体图标的使用

1.在icomoon字库网站上下载完了字体之后，将压缩包解压

2.将压缩包中的font文件夹，拷贝到所需使用的样式表文件同路径下(下面引用的时候，没有加../到上级目录)

3.将压缩包中的css文件内容部分拷贝到自己的样式表中(看)

4通过font-family:"icomoon"引用，打开压缩包的html文件将图标右下角矩形选中，ctrl+c复制在引用时粘贴

5.通过压缩包里面的json格式的文件，可以追加字体文件

文件的路径：

html格式文件：

效果：