icomoon字体图标引用

icomoon字体图标引用

一、使用方法一

1.打开icomoon首页:https://icomoon.io/#home
2.点击Icomoon App 跳转到图标选择页面
icomoon字体图标引用
3.选择图标并跳转到文件下载页面
icomoon字体图标引用
4.图标展示与下载
icomoon字体图标引用
5.解压下载的文件如下:
icomoon字体图标引用
6.拷贝fonts、style.css到项目中的。
icomoon字体图标引用
修改以后:
icomoon字体图标引用
7.测试:创建 testIcomoon.html

icomoon字体图标引用
icomoon字体图标引用
效果如下:
icomoon字体图标引用
8.修改字体图标样式。

icomoon字体图标引用
icomoon字体图标引用
icomoon字体图标引用
所有的字体样式都可以使用。

另一种方法不太友好,就不放。其实就是不引用提供的css。自己手动转化
style.css到html。这样并不好就不说了。