使用字体图标并扩展原有字体图标（两种方法）

如何让一个界面显示的更加自然，加载的速度更快，那么今天就给大家分享这样的一个小技巧：使用字体图标代替部分图片，在很大程度上面能够提升一个页面的渲染速度的。

那么我先以总所周知的阿里字体库（开源的）为例：
https://www.iconfont.cn/search/index
1、首先准备一个github的账号，这样子的话你就可以在这个系统里面下载任何你想要的小图标，但是这次我想告诉的是如何批量的去做这件事情。
找到一个你喜欢的图标，上面有 三个选项选择购物车图标，这样的话相当于把这个图标加入你的项目工程里面啦，如下图所示：


2、创建一个新的项目目录，用来存放你的字体图标，创建成功后就可以在你的个人项目工程中看到你的小图标了，这个地方有个下载的按钮，这样的话你就可以下载下来，下载后是一个文件夹，里面配置了相关的字体文件，demo_index.html可以直接跑起来，具体的代码使用你可以打开这个实例，里面有三种介绍规则.

3、针对刚才下载的项目我们是不是应该去做一个扩展，因为我们的图标不可能每次想要新的都重新创建一个文件夹的吧，那样的话项目文件维护成本太高，人看了也烦，下面着重介绍如何去扩展字体图标。
Method1、网上很多建议都是这样子的，先下载那个图标的源代码，然后再将文件夹放到项目里面，修改名称防止重复命名（这种方法我看到都不想写不知道为啥，觉得累赘），这个适合两个不同类型的图标项目进行合并。





将修改的文件放进去和这个css代码引入到你要添加的项目同名css中去，修改一下html你就可以看到那个新增的图标了。

**Method2、**找到你刚才的项目，将你的项目里面重新新增那个图标，然后将新的重新下载下来，替换原来文件夹即可（针对改动文件比较小，我个人比较的喜欢）,比较幸运的是原先的code并不会受到现在的新增的一个干扰而重新生成code，是故先对扩展修改面就显得更少了。

不过我觉得这两个方法都有点笨重，希望有更好方法的伙伴们能留个宝贵意见或者独特见解，愿闻其翔。