Flutter 的谷歌字体 - TypeScript

在 Flutter 中，可以直接使用谷歌字体，并且不需要任何库或插件，这是因为 Flutter 内置了谷歌字体。

在使用 Flutter 的谷歌字体时，我们可以使用 TextStyle 给文本应用样式和字体。以下是使用 TextStyle 给文本应用字体的示例：

Text(
  'Hello, World!',
  style: TextStyle(
    fontFamily: 'Product Sans',
    fontSize: 24.0,
    fontWeight: FontWeight.bold,
    fontStyle: FontStyle.normal,
  ),
);

在上面的示例中，我们使用了 Product Sans 字体，这是谷歌的一个非常流行的字体。在 TextStyle 中，我们可以设置字体大小、字体粗细、字体风格等属性。

除了 Product Sans，Flutter 还内置了其他谷歌字体。以下是 Flutter 内置谷歌字体的列表：

• Roboto
• RobotoCondensed
• RobotoMono
• OpenSans
• Lato
• Oswald
• NotoSans
• DroidSerif

要使用这些字体，只需要将上面的示例中的 Product Sans 替换为需要使用的字体名称即可。

在 Flutter 中，我们可以使用 GoogleFonts 包访问来自 Google Fonts 的字体。以下是使用 GoogleFonts 包在 Flutter 中引用谷歌字体的示例：

Text(
  'Hello, World!',
  style: GoogleFonts.productSans(
    fontSize: 24.0,
    fontWeight: FontWeight.bold,
    fontStyle: FontStyle.normal,
  ),
);

在上面的示例中，我们使用了 GoogleFonts 包中的 productSans 字体。在 GoogleFonts 中，我们可以访问来自 Google Fonts 的所有字体，只需要在字体名称后添加 () 即可。与 TextStyle 一样，我们可以设置字体大小、字体粗细、字体风格等属性。

总结：Flutter 内置了谷歌字体，并且使用起来非常简单，只需要设置 fontFamily 属性即可。此外，Flutter 还提供了 GoogleFonts 包，允许我们在 Flutter 中访问来自 Google Fonts 的所有字体。