字体图标在网站中是非常常见的,就是小图标。比如:购物车、信封、电话等等。简单来说,它就是一种特殊的字体,通过改变字体的大小颜色而改变图标的大小、颜色。
挺有意思的。
上面的链接就是推荐的一个比较好用的一个字体图标的网站icomoon ,有很多免费的图标供我们使用。
下载字体图标
首先进入官网:icomoon
点击图中红色框部分:
进入后可以看见好多图标,主要是对几个按钮选项的操作
点击选择按钮,就可以选择下面自己想要的图标:
如果选多了不想要了,点击删除按钮,再点要删除的图标即可。
移动的话,我没怎么用过,就是移动图标的位置。
最最最最重要,并且很神奇的东西来了。
就是这个编辑的按钮,它可以修改图标,修改完毕后点击:Duplicate
Duplicate(重复)生成多个——建议使用
Replace(更换)更换之前下载好的图标包——不好操作的,不推荐选择
要是没有找到自己想要的,页面滑到下面点击图片中的右下角,添加更多的字体图标。
现在需要的图标都准备好了
检查一下:看selection中的图标,都是自己选好的,点击生成字体。
生成字体之后就会出现一个demo的页面,上面的图标对应着一个符号
要在页面中用的话就直接复制那个小方块就行了。
完了之后,就可以下载了。终于可以下载了啊!!!!!
追加字体图标
当自己下载好的图标用着用着的时候,突然发现少下载了一些需要的,是不是要删除重新下载一份呢?
当然不了,那样太麻烦了吧,有一个更好的办法,就是去下载图标的网站上追加啊。这多棒啊,不要重复选择那么多图标,只需要选择自己少的那一部分就好了。
就是这个Import Icons的按钮。
点击去:选中要追加的图标字体包
会弹出一个框,点击yes
此时页面就会出来自己之前下载好的图标,只需要再选中自己需要加的图标就行了。
还有一点:一定要点开下面的按钮,让它变紫
全部准备好了,就生成字体了。
OK了,今天的分享结束了!!!