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

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

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

第二步

解压下载的文件包，如图

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

第三步

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

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

第四步

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

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

第五步

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

修改前

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

修改后

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

第六步

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

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

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

1，首先点击右上角头像进行账号登录，一般用Github登录iconfont。

2，登录iconfont后，在界面可以选择右上角的搜索，搜索自己要的图标，比如购物车。

3，选择购物车，并把选好的图标加入到“添加至项目”，进行下一步。

4，添加至项目后，加入项目“APPicon”。

5，加入项目“APPicon”后，点击“下载至本地”保存到电脑中，默认“download.zip”文件，放到系统目录的字体目录中。

6，打开Word，选择 “插入” “符号”“其它符号”，并把选中要使用的图标，复制到Axure中进行粘贴。

7，最后把选中要使用的图标，复制到Axure中进行 “粘贴”图标后，就能正常显示在需要的地方了。

去bootcss网站上下载一个看一下就明白了，让别人讲你自己也要了解下。 .icon-cart:before { content: "\e623"} 或 .icon-cart:after { content: "\e623"} 都可以 \e623 就是对应的你要插入的那个字体图标的编号

---