前言:
前一段时间作者在制作一个网站的时候需要一些好看的字体图标,这时候突然发现自己不会做字体图标,后来经过其百度以后,我终于知道了原来字体图标居然可以用别人制作好的,本来作者打算自己学习一下如何制作字体图标的,可是看到有现成的可以使用,我瞬间变成了真香党,拿来用真香!
这篇文章主要用来带着大家过一遍如何选择图标,以及如何下载 ,具体的图标引入到项目中在另一篇博客中,如果需要请直接跳转!
自定义图标下载网站推荐:
IcoMoon成立于2011年,推出的第一个自定义图标字体生成器,它允许用户选择他们所需要的图标,使它们成一字型。 内容种类繁多,非常全面,唯一的遗憾是国外服务器,打开网速较慢。
阿里妈妈MUX倾力打造的矢量图标管理、交流平台。设计师将图标上传到Iconfont平台,用户可以自定义下载多种格式的icon,平台也可将图标转换为字体,便于前端工程师自由调整与调用。
上边的两个字库平台里边有很多的精美图标,我们只需要挑选我们喜欢的风格和样式的就可以了,真的非常的香!
如何下载( 白嫖 )字体图标:
具体下载使用的步骤可以分为三步:
-
去平台挑选喜欢的字体,加入购物车
-
直接下载(
白嫖),到本地 -
直接在项目中使用
icomoon 使用向导:
下载:
下载步骤:
挑选图标,进入下载界面,点击下载(Download),下载到本地解压,找到fonts文件,将里边的4个资源文件引入到项目中!
追加字体图标:
如果我们在使用字体图标过程中需要添加其他的字体图标,这时候我们只要在icomoon网站重新选选择即可
追加步骤:
我们主要需要之前使用的字体清单 selection.json这个文件,在网站导入以后,我们就可以继续愉快的挑选图标了,然后下载步骤和上边的一样哦。
如何在项目中引用字体图标步骤查看(请点击这里)!
阿里字体图标库使用向导:
下载:
总结:
这篇主要带着大家过一遍如何去 Icomoon 和 阿里字体图标库去白嫖图标,总共分三步:白嫖,下载,引入资源,操作非常简单,希望对大家有所帮助!