下载自定义字体图标居然这么简单?!

前言:

前一段时间作者在制作一个网站的时候需要一些好看的字体图标,这时候突然发现自己不会做字体图标,后来经过其百度以后,我终于知道了原来字体图标居然可以用别人制作好的,本来作者打算自己学习一下如何制作字体图标的,可是看到有现成的可以使用,我瞬间变成了真香党,拿来用真香!

这篇文章主要用来带着大家过一遍如何选择图标,以及如何下载  ,具体的图标引入到项目中在另一篇博客中,如果需要请直接跳转!

 


 自定义图标下载网站推荐:

IcoMoon成立于2011年,推出的第一个自定义图标字体生成器,它允许用户选择他们所需要的图标,使它们成一字型。 内容种类繁多,非常全面,唯一的遗憾是国外服务器,打开网速较慢。

 

阿里妈妈MUX倾力打造的矢量图标管理、交流平台。设计师将图标上传到Iconfont平台,用户可以自定义下载多种格式的icon,平台也可将图标转换为字体,便于前端工程师自由调整与调用。

 

上边的两个字库平台里边有很多的精美图标,我们只需要挑选我们喜欢的风格和样式的就可以了,真的非常的香!


 如何下载(  白嫖  )字体图标:

具体下载使用的步骤可以分为三步:

  1. 去平台挑选喜欢的字体,加入购物车

  2. 直接下载( 白嫖 ),到本地

  3. 直接在项目中使用


icomoon 使用向导:

下载:

下载步骤:

挑选图标,进入下载界面,点击下载(Download),下载到本地解压,找到fonts文件,将里边的4个资源文件引入到项目中!

 

追加字体图标:

 如果我们在使用字体图标过程中需要添加其他的字体图标,这时候我们只要在icomoon网站重新选选择即可

追加步骤:

  我们主要需要之前使用的字体清单 selection.json这个文件,在网站导入以后,我们就可以继续愉快的挑选图标了,然后下载步骤和上边的一样哦。


如何在项目中引用字体图标步骤查看(请点击这里)!


阿里字体图标库使用向导:

下载:

 


总结: 

这篇主要带着大家过一遍如何去 Icomoon 和 阿里字体图标库去白嫖图标,总共分三步:白嫖,下载,引入资源,操作非常简单,希望对大家有所帮助!

猜你喜欢

转载自blog.csdn.net/wjf1997/article/details/105919622