icomoon网站辅助HTML页面插入图标①

插入图标方法
字体图标任意缩放不会失真,也大大减少请求数量,非常好用
我们将使用icomoon网站进行插入图标

①图标下载
官网https://icomoon.io
或者
百度icomoon
icomoon网站辅助HTML页面插入图标①
点它
icomoon网站辅助HTML页面插入图标①

页面
icomoon网站辅助HTML页面插入图标①

进入页面后

icomoon网站辅助HTML页面插入图标①
然后看到
icomoon网站辅助HTML页面插入图标①
然后选一个不要钱的,点add
icomoon网站辅助HTML页面插入图标①
然后选中小图标
icomoon网站辅助HTML页面插入图标①

点右下角
icomoon网站辅助HTML页面插入图标①
再点

icomoon网站辅助HTML页面插入图标①
然后就下载了

②加代码

icomoon网站辅助HTML页面插入图标①

打开style.css将里边的代码copy到自己的css里
icomoon网站辅助HTML页面插入图标①
注意这里的URL是fonts文件夹里的内容,里边的路径根据自己fonts文件夹的位置而定
icomoon网站辅助HTML页面插入图标①
保存,图标可以显示了

icomoon网站辅助HTML页面插入图标①