您当前的位置： 首页 > 慢生活 > 程序人生 网站首页程序人生

flutter-自定义字体

发布时间：2026-09-24 16:56:14编辑：雪饮阅读（）

今天学习下flutter中使用自定义字体， 首先原文链接是
https://docs.flutter.dev/cookbook/design/fonts
主要是这部分
  fonts:
    - family: Raleway
      fonts:
        - asset: fonts/Raleway-Regular.ttf
        - asset: fonts/Raleway-Italic.ttf
          style: italic
    - family: RobotoMono
      fonts:
        - asset: fonts/RobotoMono-Regular.ttf
        - asset: fonts/RobotoMono-Bold.ttf
          weight: 700
这个yaml是在pubspec.yaml定义的。
这里定义了两种字体，一个Raleway字体和RobotoMono字体。

- `family: Raleway`：**同一个字体家族名称**
- 里面两个 `fonts` 条目，是这个家族下的**不同变体**：
  1. `Raleway-Regular.ttf`：默认常规体，**style: normal（默认）**
  2. `Raleway-Italic.ttf`：斜体变体，标记 `style: italic`

>
> 作用：告诉 Flutter，`Raleway` 这个家族名下，有常规和斜体两种字体文件。
> 当你代码里**指定斜体样式**时，Flutter 才会自动切到 Italic 文件；**默认是 Regular（与顺序无关，哪怕regular字体定义在第二个asset中）。


RobotoMono 同理
- 默认用 `RobotoMono-Regular.ttf`
- 只有 `fontWeight: FontWeight.w700` 时，才会自动选用 Bold 文件。