作者:止水若境 | 来源:互联网 | 2023-06-10 19:30
css字体图标引入方法在网页中将小图标制作成字体是很多网站的常用做法,为的是减少页面请求。 先推荐一个字体图标库(阿里巴巴矢量图标库) https:www.i
css字体图标引入方法
在网页中将小图标制作成字体是很多网站的常用做法,为的是减少页面请求。
先推荐一个字体图标库(阿里巴巴矢量图标库)
https://www.iconfont.cn/
一、首先根据项目按需选择好自己需要的图标,添加至入库

二、都选好后,将库中的图标添加至项目中,没有项目可先创建项目,添加在项目里后,将项目下载至本地,解压出来即可

三、最后就可以在代码中引入图标了(字体图标文件里的html文件里可打开查看图标的代码)
注意:需要在@foot-face中修改url地址,定位到字体图标文件夹中方可引入成功

方式二

方式三
方式四
方式五