WebJS css ui计算机@linux_python_R 技术帖

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

2019-10-12  本文已影响0人  追逐_chase
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
上一篇下一篇

猜你喜欢

热点阅读