一个神奇的东西——字体图标

字体图标连接

字体图标在网站中是非常常见的，就是小图标。比如：购物车、信封、电话等等。简单来说，它就是一种特殊的字体，通过改变字体的大小颜色而改变图标的大小、颜色。

挺有意思的。

上面的链接就是推荐的一个比较好用的一个字体图标的网站icomoon ，有很多免费的图标供我们使用。

下载字体图标

首先进入官网：icomoon             

点击图中红色框部分：

进入后可以看见好多图标，主要是对几个按钮选项的操作

点击选择按钮，就可以选择下面自己想要的图标：

 

如果选多了不想要了，点击删除按钮，再点要删除的图标即可。

移动的话，我没怎么用过，就是移动图标的位置。

 最最最最重要，并且很神奇的东西来了。

就是这个编辑的按钮，它可以修改图标，修改完毕后点击：Duplicate

Duplicate（重复）生成多个——建议使用

Replace（更换）更换之前下载好的图标包——不好操作的，不推荐选择

 

 

要是没有找到自己想要的，页面滑到下面点击图片中的右下角，添加更多的字体图标。

                                                                        

现在需要的图标都准备好了

检查一下：看selection中的图标，都是自己选好的，点击生成字体。

 

 

生成字体之后就会出现一个demo的页面，上面的图标对应着一个符号

要在页面中用的话就直接复制那个小方块就行了。

 

 

完了之后，就可以下载了。终于可以下载了啊！！！！！

 

 

 

追加字体图标

当自己下载好的图标用着用着的时候，突然发现少下载了一些需要的，是不是要删除重新下载一份呢？

当然不了，那样太麻烦了吧，有一个更好的办法，就是去下载图标的网站上追加啊。这多棒啊，不要重复选择那么多图标，只需要选择自己少的那一部分就好了。

就是这个Import Icons的按钮。

 

点击去：选中要追加的图标字体包

会弹出一个框，点击yes

 

 

 

此时页面就会出来自己之前下载好的图标，只需要再选中自己需要加的图标就行了。

还有一点：一定要点开下面的按钮，让它变紫

全部准备好了，就生成字体了。

 

 

OK了，今天的分享结束了！！！