怎么在已有字体图标的文件夹中添加新的图标

在iconfont网站找到你需要的字体图标，将其添加到购物车中。然后，打开你的购物车，选择下载代码

如何不通过iconfont项目向已有字体图标中添加新的字体图标

第二步

解压下载的文件包，如图

如何不通过iconfont项目向已有字体图标中添加新的字体图标

第三步

将其中以eot/svg/ttf/woff/woff2结尾的文件进行更名，如图

如何不通过iconfont项目向已有字体图标中添加新的字体图标

第四步

将改名字的文件移入前端项目中，如图

如何不通过iconfont项目向已有字体图标中添加新的字体图标

第五步

打开刚才下载的iconfont.css文件，将引用的文件名同步修改

修改前

如何不通过iconfont项目向已有字体图标中添加新的字体图标

修改后

如何不通过iconfont项目向已有字体图标中添加新的字体图标

第六步

打开前端项目中的iconfont.css，将刚修改的css代码复制进来

如何不通过iconfont项目向已有字体图标中添加新的字体图标

这样就大功告成了，一个新的字体图标就加入进来了。

图标字体顾名思义就是字体以图标的显示，图标字体主要应用于web前端开发。图标字体形式（拿2018年奥运的图标）如下：

如果你是web前端开发人员，图标字体的使用，请到百度查找相关使用教程。

计算机 *** 作系统里面每个字符都有一个unicode编码,比如我们在web上输入\u6211跟输入“我”是一样的，因为「我」的unicode是\u6211（16进制），浏览器会自动帮你找到对应的图形去渲染。而字体文件的作用是规定某个字符应该用什么形状来显示。unicode字符集里面，E000 至 F8FF属于用户造字区。原本是空的，用户可以在字体文件里面随便定义这些字符的形状，通过项目引入加载去找到自定义字符，这就和使用 *** 作系统的字体是一样的了。

在HTML里面这样用：

浏览器效果：

浏览器效果展示是一样的，只不过一个是从引入的文件里面去找，一个直接指定了 *** 作系统的文字。

---