如何在网站开发中使用阿里图标字体iconfont

iconfont是阿里图标推出来的字体图标，超级简单好用，不过还是有些小伙伴不太了解，齐鲁建站小编今天就来说说 简单又好用的iconfont字体图标的使用方法，一起来看看吧。

以前使用font awesome字体图标比较多，后来接触到iconfont，发现想要的什么图标都有，还可以自定义图标，非常强大!之前看了一波教程，觉得繁琐，自己弄明白后感觉如此简单，做了这么个简单教程，直接上图，简单粗暴，避免新手走弯路，这里讲解的默认是元素使用类名。

第一步：搜索阿里图标，注册个账号并登录

第二步：找到图标管理->我的项目->然后新建项目

右边点击新建项目，用于保存自己常用的图标，字体格式选择woff和woff2

第三步：项目新建完成后，搜索图标（比如安卓图标），添加到购物车

第四步：添加到购物车后，点击右上角的购物车图标，选择添加至上面创建的项目

第五步：点击“下载到本地”，会下载一个文件包，解压这个文件包

​​​​​​第六步：在网站中引用iconfont.css，使用方法为，调节字体图标的大小是通过元素的font-size属性来控制的

也可以在script中使用，如下图所示