flutter使用第三方字体

929 阅读1分钟

原因

win11上flutter默认字体很奇怪

使用方式

下载字体

下载字体(注意版权问题),这里下载可免费使用的思源字体

Releases · adobe-fonts/source-han-sans (github.com)

放入项目根目录的fonts文件夹,并配置好字体资源

其实随便放哪个文件夹都可以,但为了见名知意,将本地资源分类存放。所以选择fonts目录

image.png

将字体配置到pubspec.yaml

fonts:
    - family: SourceHanSans
      fonts:
        - asset: fonts/SourceHanSansCN-Regular.otf

全局设置

@override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'flutter示例02',
      theme: ThemeData(
          // 这里就是配置的字体名
          fontFamily: 'SourceHanSans',
          colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
          useMaterial3: true),
      home: const MyHomePage(title: '测试'),
    );
  }

局部使用

Text(
    "test",
    style: TextStyle(fontFamily: "Rock Salt",),
)

Normal、Regular、Medium、Bold 对应的 font-weight 值

image.png

参考资料

【Flutter 问题系列第 34 篇】Normal、Regular、Medium、Bold 对应的 font-weight 值_flutter fontweight_Allen Su的博客-CSDN博客

Flutter入门:设置全局字体 - 掘金 (juejin.cn)