二、浏览器中打开iconfont的官网https://www.iconfont.cn/。

三、注册并登录iconfont网站,注册这步我就不说了,但凡有点智商的人都知道如何注册。
注册之后,点击“我的项目”创建一个项目。

四、大略给项目起个名,做个描述什么的,其它默认就可以了。

html设置网页图标若何在网页中应用字符做图标iconfont的应用219 Webpack

五、然后,我们再进入图标库去选图标吧。

点选你看中的图标,放入购物车。

网页右上角的购物数量会随你的选择而增加。

六、点击右上角的购物车,然后我们把选好的图标添加到项目中去。

七、进入项目看一下,好吧,我一共选了8个图标。

八、接下来,便是要用这些图标的时候了,点击项目中的“下载至本地”。

九、它是一个压缩文件,你解压它,会创造有很多文件。

十、这些文件,我选中的才是有用的,便是iconfont.css和字体文件,其它都没有用。

十一、我把这些文件拷贝到相应的目录下,这里我拷贝到css文件夹中。

十二、我们开始试着调用它们吧,创建一个盒子,加两个字“搜索”。

十三、引入iconfont.css文件,并调用iconfont样式。

十四、从官网中找到图标对应的代码,然后粘贴到你想要添加的位置就可以了。

十五、末了你可以像普通字符一样调度它们的大小。

<!DOCTYPE html><html lang=\"大众en\公众><head> <meta charset=\"大众UTF-8\公众> <title>Document</title> <link rel=\"大众stylesheet\"大众 href=\"大众./css/iconfont.css\"大众> <style> .size30{ font-size: 30px; } </style></head><body> <div class=\"大众iconfont\"大众> <span class=\"大众size30\"大众></span>搜索 </div></body></html>