使用自定义字体包 - Flutter.dev

Flutter 是一个灵活的框架，可以让开发者自定义字体以增强应用程序的外观。 在Flutter中，可以从包中加载字体，并使用它们来提高应用程序的设计和可乐性。 这个页面介绍了如何在您的应用中使用自定义字体包。

引入字体

要使用自定义字体包，您需要在pubspec.yaml文件中添加字体包。如下所示，添加 dependencies: 中的 font 包:

dependencies:
  flutter:
    sdk: flutter
  font: ^0.0.1

当字体包被添加到应用程序中时，您可以选择字体列表。

fonts:
  - family: Montserrat
    fonts:
      - asset: fonts/Montserrat-Regular.ttf
      - asset: fonts/Montserrat-Bold.ttf
        weight: 700
  - family: Raleway
    fonts:
      - asset: fonts/Raleway-Regular.ttf
      - asset: fonts/Raleway-Medium.ttf
        weight: 500

对于上面的例子，您可以在一组使用 Montserrat 次要字体规格及一组使用 Raleway 次要字体规格之间进行选择。 有关如何在Flutter中导入字体包的更多信息，请参见官方文档：

• Flutter 字体文档

使用自定义字体

在pubspec.yaml中导入后，可以在代码中使用这些字体。 首先，您需要将字体加载到内存中：

final customFont = await rootBundle.load("path_to_font.ttf");
final customFontBold = await rootBundle.load("path_to_font_bold.ttf");
final fontLoader = FontLoader("Montserrat")
..addFont(customFont)
..addFont(customFontBold)
await fontLoader.load();

然后使用该字体

TextStyle(
  fontFamily: "Montserrat",
  fontWeight: FontWeight.bold,
  fontSize: 36,
  color: Colors.black,
)

具体而言是，'fontFamily' 属性应该是字体包中的family名。

• Flutter Dev Fonts CookBook

总结

自定义字体包是Flutter中设计美观和可维护性应用程序的一种非常有用的方法。 如此简单，只需要在pubspec.yaml文件中添加字体包就可以轻松地使用自定义字体，并充分利用Flutter构建美丽的应用程序。