fontsource flutter

Fontsource für Flattern

Fügen Sie Ihrer Flutter -App einfach Fontsource -Schriftarten hinzu. Enthält eine Dart -Schnittstelle für die FontSource -API.

Erste Schritte

Erstellen Sie zu Beginn eine Konfiguration entweder in Ihrer Datei pubspec.yaml unter der fontsource -Taste oder in der Datei fontsource.yaml .

 include : [my-package] # Defaults to all
fonts :
  alex-brush : # This can be any font id
    version : 4.5.3 # Defaults to latest
    subsets : [latin, latin-ext] # Defaults to all
    weights : [400] # Defaults to all
    styles : [normal] # Defaults to all

Die Konfiguration zeigt fontsource was Sie herunterladen und in Ihre Flutter -App bündeln sollen. Um sicherzustellen, dass alles heruntergeladen wird, führen Sie dart run fontsource nach geändertem Konfiguration aus. Stellen Sie außerdem sicher, dass Sie es ausführen, wenn Ihr Repository geklont wird. Dies erzeugt ein lokales Paket im .fontsource -Verzeichnis.

Sie können dann das fontsource -Paket importieren:

 import 'package:fontsource/fontsource.dart' ;

Verwenden Sie die FontsourceTextStyle -Klasse, um eine FontSource -Schriftart zu verwenden:

 const Text (
  'Hello world!' ,
  style : FontsourceTextStyle (fontFamily : 'Alex Brush' , fontSize : 30 ),
),

FontsourceTextStyle erweitert die TextStyle -Klasse, sodass alle Styling -Eigenschaften verwendet werden können, um die Art und Weise zu ändern, wie der Text aussieht.

Verwendung mit Paketen

Um dies in einem Paket zu verwenden, fügen Sie eine Konfiguration wie gewohnt hinzu, führen Sie aber die Fontsource -CLI nicht aus.

Pakete mit einer Fontsource -Konfiguration werden automatisch enthalten. Um manuell anzugeben, welche Pakete gescannt werden sollen, geben Sie einen include Schlüssel mit einer Liste der zu scanischen Paketnamen an.

FONTSOURCE -API

Die FONTSOURCE -API verfügt auch über eine Dart -Schnittstelle, auf die über fontsource/api.dart zugegriffen werden kann.