一.首先进入官网
Icon Font & SVG Icon Sets ? IcoMoon
二.点击右上角的icoMoon APP,进入到如下界面
三.如果你想要别的图标,可以划到最底部,点击 Add Icons From Library...
就会进入到如图所示的界面,点击Add 就会加载出你想要的图标了
四.当你选好了所需要的图标的时候,就可以点击右下角的Generate Font 就会出现如图所示的界面,点击dowland就可以下载了
五.下载完就会出现一个压缩包,对压缩包进行解压,把fonts文件夹放在根目录下
六.打开压缩包里面的style.css,把选中的蓝色字复制一遍
七.把刚刚复制的字粘贴到vs.code中,再到body中准备一个盒子
八.打开压缩包里面的demo.html,复制想要引入的图标字体的旁边的小方框
九.把刚刚复制的小方框粘贴到准备的盒子里面,再到样式里面申明字体的样式
十.最终的效果,如图所示
原文:https://www.cnblogs.com/yx19991006/p/14071502.html