Ionic2实战-如何使用阿里字体图标库

前言

字体图标以其易于使用、加载高效等特性成为前端开发越来越常用的Icon解决方案,Ionic2框架也附带了丰富的字体图标库,大部分情况下都够我们使用。但APP的开发过程中还是会不可避免的出现需要自定义字体图标的需求。而阿里字体图标库(http://www.iconfont.cn/)以其丰富的资源和便捷的使用方式很好的满足了我们对字体图标的额外需求,今天就来讲下阿里字体图标库如何使用。

步骤

1、注册阿里字体图标库;
2、站内搜索到想要的图标,然后将其添加到自己的站内字体图标项目中;
3、搜集够图标以后打开自己的字体图标项目;
4、点击更新代码

Ionic2实战-如何使用阿里字体图标库_第1张图片
image.png

5、将下列CSS文件引入项目的index.html文件头部

Ionic2实战-如何使用阿里字体图标库_第2张图片
image.png

6、项目代码中使用

你可能感兴趣的:(Ionic2实战-如何使用阿里字体图标库)