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

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

①图标下载
官网https://icomoon.io
或者
百度icomoon
这里写图片描述
点它
这里写图片描述

页面
这里写图片描述

进入页面后

这里写图片描述
然后看到
这里写图片描述
然后选一个不要钱的,点add
这里写图片描述
然后选中小图标
这里写图片描述

点右下角
这里写图片描述
再点

这里写图片描述
然后就下载了

②加代码

这里写图片描述

打开style.css将里边的代码copy到自己的css里
这里写图片描述
注意这里的URL是fonts文件夹里的内容,里边的路径根据自己fonts文件夹的位置而定
这里写图片描述
保存,图标可以显示了

这里写图片描述

猜你喜欢

转载自blog.csdn.net/cream_cicilian/article/details/72884881
今日推荐