Un package d’assistance pour inspecter, comparer et prévisualiser les polices utilisées dans votre application Flutter

Qu’est-ce que c’est?

font_preview est un package d’assistance pour inspecter, comparer et prévisualiser les polices utilisées dans votre application Flutter.

Quand en as-tu besoin?

• Lorsque vous voulez vous assurer que votre police personnalisée est chargée et utilisée
• Lorsque vous utilisez police_google et vous voulez vous assurer que la police que vous utilisez est téléchargée et utilisée

REMARQUE: font_preview les usages BungeeShade-Regular comme police de secours donc si votre police n’est pas chargée sur vos textes, ils ressembleront à ceci.

de cette façon, vous pouvez facilement reconnaître ce problème.

• lorsque vous avez simplement besoin de voir à quoi ressemble la police à travers différents poids et styles de police
• lorsque vous voulez comparer des polices ensemble
• lorsque vous devez vous assurer que tous les poids et styles de police de votre police personnalisée sont chargés correctement.
• lorsque vous voulez vérifier les faux styles. par exemple, si Flutter utilise un faux gras pour le poids de la police w700 ou la police que vous avez spécifiée.

Comment l’utiliser?

Ajoutez-le en tant que dev_dependency

dev_dependencies:
  font_preview: $latest-version

Exécutez le code suivant. il navigue vers un nouvel écran pour prévisualiser les polices

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'),
  ],
);

Vous pouvez fournir plusieurs polices et les comparer côte à côte pour chaque poids de police et style de police

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],
);

Et vous pouvez spécifier les styles, poids et tailles dans lesquels vous souhaitez que votre police soit prévisualisée

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

Voir Github