在 Flutter 中添加“Outfit”Google 字体时遇到困难

Question

我在 Flutter 项目中遇到一个问题，无法添加“Outfit”Google 字体。以前，我成功地将其添加到早期的代码中，但现在我面临着将其包含在当前项目中的困难。

我遵循了在 Flutter 中添加 Google 字体的标准过程，方法是在 pubspec.yaml 文件中指定字体系列，然后在我的代码中使用 TextStyle 来使用它。然而，尽管之前使用过“服装”，但现在不起作用了。

尽管谷歌显示了以下步骤，但“Outfit”字体似乎并未应用。我已确保字体文件正确放置在 asset 文件夹中并在 pubspec.yaml 文件中引用。

任何人都可以指导我可能导致此问题的原因以及如何解决它吗？任何帮助或建议将不胜感激。谢谢！

1. 将字体系列添加到 pubspec.yaml

 fonts:
  - family: Outfit
    fonts:
      - asset: assets/fonts/Outfit-Regular.ttf

预期结果

我希望将“Outfit”字体应用于文本，就像我项目的先前迭代中一样。但是，尽管执行了这些步骤，“Outfit”字体似乎并未应用。我已确保字体文件正确放置在资产文件夹中并在 pubspec.yaml 文件中引用。

Answer 1

您需要在应用程序本身中使用字体系列。传递主题数据中的字体系列

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Example',
      theme: ThemeData(fontFamily: 'Outfit'),
      home: const MyHomePage(),
    );
  }
}

这将在全球范围内应用字体系列。

如果您只想将其应用于特定文本，您可以将其添加到文本样式：

        Text(
            'THIS IS TEXT',
            style: TextStyle(
              fontFamily: 'Outfit',
            ),
          ),