前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Flutter 使用自定义字体

Flutter 使用自定义字体

作者头像
yechaoa
发布2022-06-10 14:17:20
1.2K0
发布2022-06-10 14:17:20
举报
文章被收录于专栏:移动开发专栏

效果:

非常的简单。

导入字体

  • 随便在网上找一个免费的字体,下载下来会得到一个后缀为.ttf的文件,即字体文件。
  • 或者自己做一个。
  • 在项目的根目录中新建一个fonts文件夹(目录、命名可以随意),并把刚才的文件拷进去。

引用字体

  • pubspec.yaml文件中配置字体
代码语言:javascript
复制
...

flutter:

  fonts:
    - family: mononoki
      fonts:
        - asset: fonts/mononoki-Regular.ttf
          weight: 500
  • family:字体名称
  • asset:字体路径
  • weight:比重(400相当于normal,700相当于bold)

使用字体

代码语言:javascript
复制
           child: Text(
             "wanandroid_flutter V1.0",
             style: TextStyle(fontSize: 25, fontFamily: 'mononoki'),
           ),

Text的style中有一个fontFamily属性,参数即字体的名称。

github:https://github.com/yechaoa/wanandroid_flutter

官方文档:https://flutter.dev/docs/cookbook/design/fonts#from-packages

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-07-23,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 导入字体
  • 引用字体
  • 使用字体
    • github:https://github.com/yechaoa/wanandroid_flutter
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档