它是什么？

font_preview 是一个辅助包，用于检查、比较和预览您在 Flutter 应用中使用的字体。

什么时候需要它？

  • 当您想确保自定义字体已加载并正在使用时
  • 当您正在使用 google_font 并想确保您使用的字体已下载并正在使用时

注意：font_preview 使用 BungeeShade-Regular 作为回退字体，因此如果您的字体未在文本中加载，它们将显示如下。 这样您就可以轻松识别此问题。

  • 当您需要查看字体在不同字重和字形下的外观时
  • 当您想比较不同字体时
  • 当您需要确保自定义字体的所有字重和字形都已正确加载时。
  • 当您想检查伪样式时。例如，Flutter 是在使用伪粗体还是您指定的字体（w700 字重）时。

如何使用？

将其添加为 dev_dependency

dev_dependencies:
  font_preview: $latest-version

运行以下代码。它将导航到一个新屏幕来预览字体

FontPreview.previewFonts(
  context,
  previewText: 'Flutter is Great',
  fonts: [
    // if you have custom fonts in your assets you can use its 
    // font family name
    FontProvider.fromFontFamily('Ubuntu'),
  ],
);

您可以提供多种字体，并为每种字重和字形进行并排比较

FontPreview.previewFonts(
  context,
  previewText: 'Flutter is Great',
  fonts: [
    FontProvider.fromFontFamily('Ubuntu'),    

    // If you are using google_fonts package for loading fonts 
    // provide your fonts for previewing like this
    FontProvider.fromBuilder(
      (fontSize, fontWeight, fontStyle) => GoogleFonts.raleway(
        fontSize: fontSize,
        fontStyle: fontStyle,
        fontWeight: fontWeight,
      ),
    ),

    FontProvider.fromBuilder(
      (fontSize, fontWeight, fontStyle) => GoogleFonts.roboto(
        fontSize: fontSize,
        fontStyle: fontStyle,
        fontWeight: fontWeight,
      ),
    ),

  ],
  fontStyles: [FontStyle.normal],
);

您可以指定希望字体预览的字形、字重和字号

FontPreview.previewFonts(
  context,
  previewText: 'Flutter is Great',
  fonts: [
    FontProvider.fromFontFamily('Ubuntu'),
  ],
  fontStyles: [FontStyle.normal],
  fontWeights: [FontWeight.w400, FontWeight.w700],
  previewSizes: [11.0, 12.0, 14.0, 16.0, 18.0, 22.0],
);

GitHub

查看 Github