1.输入网址进入IcoMoon页面 Ico Moon App
2.选择想要的图标,添加至SELECT,然后点击Generate Font
3.点击右下角download下载压缩文件
4.解压得到的文件
这里我们只用到两个文件,fonts和style.css
5.将图标添加至web界面
1.首先将fonts下的四个文件复制到你的项目根目录的新建的fonts文件夹
2.打开style.css文件,复制代码至你的css文件中 这里只用到了阴影部分的代码,记得要在url前面加…/,表示上一个文件夹,将目录导至你创建的fonts文件夹
3.在html代码中建立相应的标签,这里我用的i标签,并将图标复制至标签的content中
ctrl+c和ctrl+v即可
4.添加相应的样式
5.保存后打开网页查看
添加成功