Flutter 使用阿里iconfont图标

作者: 东方泛起鱼肚白 | 来源:发表于2019-04-04 18:44 被阅读451次

iconfont.png

  fonts:
    - family: iconfont
      fonts:
        - asset: fonts/iconfont.ttf

// 查看iconfont.css，将 \替换成0x即可得到对应的 codePoint
//.icon-ai-ios:before {
//  content: "\e631";
//}
//
IconData(0xe631, fontFamily: 'iconfont')

😊附赠一个 iconfont.css 快速生成 iconfont.dart 在线小工具https://xwrite.gitee.io/blog/

记录写icon的方法
使用阿里iconfont制作图标
Flutter 使用阿里iconfont图标
将下载的 iconfont.ttf 复制到项目 fonts 目录配置 pubspec.yaml 文件，将字体文件...
Flutter 使用自定义字体图标icon
Flutter中，可以像Web开发一样使用iconfont，iconfont即“字体图标”，它是将图标做成字体文件...
Iconfont -- 阿里巴巴矢量图标库的使用
为什么要使用阿里巴巴矢量图标库 Iconfont？ Iconfont 提供了近百万的图标，并且有多种使用方式使用...
Ionic2 使用自定义图标
在ionic2中使用自定义图标，如iconfont（阿里巴巴矢量图标）。先在http://www.iconfont...
ionic2实战-使用阿里巴巴矢量图标库Iconfont
为什么使用阿里巴巴矢量图标库Iconfont Iconfont提供了近百万数量的图标,并且有多种使用方式我们要使...
手把手教你使用字体图标
常用字体图标库阿里字体图标库 iconfont fontawesome 字体图标库首先使用阿里的字体图标库上个...
icon渐变色字体图标
使用阿里字体图标库iconfont.cn font class方式应用
微信小程序中引入iconfont阿里矢量图库
阿里矢量图标库：http://www.iconfont.cn/ 登录iconfont，我使用的事Github账号进...
使用Iconfont字体
在iconfont收集图标 iconfont-阿里巴巴矢量图标库[https://www.iconfont.cn/...