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

作者: 追逐_chase | 来源:发表于2019-10-12 16:17 被阅读0次
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

相关文章

网友评论

    本文标题:CSS中的字体图标的使用步骤

    本文链接:https://www.haomeiwen.com/subject/nzazpctx.html