CSS中的字体图标的使用步骤

web.jpeg

字体图标的2个常用的网站

2个常用的网站 [图片上传中...(12.png-40632-1570865652977-0)]
前端：http://f2er.club/ 制作字体图标网站：https://icomoon.io/

生成字体图标的步凑

第一步：打开网站

12.png

第二步：直接选择想要的svg图标 -->制作成-->字体图标

13.png

或者导入自己的svg图标 -->制作成-->字体图标

15.png

第三步： 下载

14.png

第四步：

fonts demo.html style.css 将要使用到这三文件

16.png

字体图标生成完毕， 下面使用字体图标

第一步：查看图标对应的字体编码：

18.png

第二步： :: 委元素选着器

17.png

或者 复制 里面的内容 粘贴在标签里面 直接使用

image.png