如何在Flutter中使用自定义字体样式？

一尘不染

如何在Flutter中使用自定义字体样式？

flutter

我已经在pubspec.yaml上设置了以下代码：

fonts:
- family: Roboto
  fonts:
    - asset: fonts/Roboto-Light.ttf
    - asset: fonts/Roboto-Thin.ttf
    - asset: fonts/Roboto-Italic.ttf

但是我不知道在我的小部件中使用例如Roboto的样式“ Roboto-Light.ttf”。我尝试了这个：

new ListTile(
          title: new Text(
            "Home",
            style: new TextStyle(
              fontFamily: "Roboto",
              fontSize: 60.0,
            ),
          ),
        ),

我不知道如何访问样式“ Roboto-Light.ttf”。这该怎么做？

谢谢！

阅读 775

2020-08-13

共1个答案

一尘不染

Roboto是Material样式的默认字体，无需在pubspec.yaml中添加它。

要使用不同的版本，请设置 TextStyle

Text(
  'Home',
  style: TextStyle(
    fontWeight: FontWeight.w300, // light
    fontStyle: FontStyle.italic, // italic
  ),
);

我觉得很瘦FontWeight.w200。

GoogleFonts
网站中特定字体的样式* 部分中提到了相应样式的 FontWeight 。 *
****

2020-08-13