Flutter 使用阿里iconfont图标
2019-04-04 18:47
701 查看
- 将下载的 iconfont.ttf 复制到项目 fonts 目录
- 配置 pubspec.yaml 文件,将字体文件引入
fonts: - family: iconfont fonts: - asset: fonts/iconfont.ttf
- IconData使用图标
// 查看iconfont.css,将 \替换成0x即可得到对应的 codePoint //.icon-ai-ios:before { // content: "\e631"; //} // IconData(0xe631, fontFamily: 'iconfont')
😊附赠一个 iconfont.css 快速生成 iconfont.dart 在线小工具https://xwrite.gitee.io/blog/
相关文章推荐
- 阿里图标库iconfont如何使用
- Vue、Element-ui项目中如何使用Iconfont(阿里图标库)
- 阿里图标库 iconfont字体图标的使用方法
- 阿里iconfont图标使用
- 阿里妈妈字体图标(iconfont)使用介绍
- 关于阿里图标库Iconfont生成图标的三种使用方式(fontclass/unicode/symbol)
- 关于阿里图标库Iconfont生成图标的三种使用方式(fontclass/unicode/symbol)
- 使用阿里图标库Iconfont生成字体图标
- vue、element ui使用阿里图标库iconfont的教程
- 在unti-app中使用阿里的iconfont图标
- react+antd框架自定义使用阿里iconfont图标。
- 在iOS开发中使用iconfont图标
- Android 开发中 阿里巴巴矢量图标库 IconFont的使用详解
- 如何在VUE项目里使用阿里巴巴 iconfont 图标库里的彩色图标(svg图标)
- android 使用字体图标(Icon Font)
- iconfont字体图标的使用方法--超简单!
- 阿里图标管理网站[iconfont.cn](iconfont.cn)的正确打开方式
- 做小图标还用sprite图?你out了!史上最简单易懂iconfont使用教程
- 在iOS开发中使用iconfont图标
- 如何使用IconFont?——矢量图标