parcel transformer fonts

Dieses Plugin für Paket kann verwendet werden, um Schriftarten einfach in gewünschte Formate umzuwandeln.

Das Plugin unterstützt TTF-, WOFF- und WOFF2 -Schriftarten. Eine Konvertierung zwischen den obigen Formaten kann in irgendeiner Weise durchgeführt werden, dh ttf zu WOFF, WOFF2 bis TTF usw.

Installieren

Installieren Sie das Paket mit dem folgenden Befehl:

 npm i -D parcel-transformer-fonts

Aktivieren

Fügen Sie einen Plugin -Namen mit den Erweiterungen hinzu, die Sie in den Abschnitt transformers Ihrer .parcelrc -Datei verarbeiten möchten:

 {
    "extends": "@parcel/config-default",
    "transformers": {
        "*.{ttf,woff,woff2}": ["parcel-transformer-fonts"]
    }
}

Verwenden

Um eine Schriftart zu transformieren, fügen Sie einfach as Abfrageparameter zur URL der importierten Schrift hinzu. Der Wert von as Parameter kann eine der Erweiterungen sein, die Sie erhalten möchten (TTF, WOFF, WOFF2). Zum Beispiel:

 @font-face {
    font-family: Bitter;
    src:
        url("/source/fonts/bitter/Regular.ttf?as=woff2") format("woff2"),
        url("/source/fonts/bitter/Regular.ttf?as=woff") format("woff"),
        url("/source/fonts/bitter/Regular.ttf") format("truetype");
}