Flutter 使用自定义字体

yechaoa

发布于 2022-06-10 06:17:20

1.3K00

代码可运行

文章被收录于专栏：移动开发专栏移动开发专栏

运行总次数：0

代码可运行

效果：

非常的简单。

导入字体

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

引用字体

在pubspec.yaml文件中配置字体

...

flutter:

  fonts:
    - family: mononoki
      fonts:
        - asset: fonts/mononoki-Regular.ttf
          weight: 500

family：字体名称
asset：字体路径
weight：比重（400相当于normal，700相当于bold）

使用字体

           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 删除

github

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

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

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

登录后参与评论

0 条评论

热度

Flutter 使用自定义字体

Flutter 使用自定义字体

导入字体

引用字体

使用字体

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

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐