parcel transformer fonts

Plugin untuk parcel ini dapat digunakan untuk dengan mudah mengonversi font ke format yang diinginkan.

Plugin mendukung format Font TTF, WOFF dan WOFF2. Konversi antara format di atas dapat dilakukan dengan cara apa pun yaitu TTF ke Woff, Woff2 ke TTF, dll.

Memasang

Instal paket menggunakan perintah berikut:

 npm i -D parcel-transformer-fonts

Memungkinkan

Tambahkan nama plugin dengan ekstensi yang ingin Anda proses ke bagian transformers dari file .parcelrc Anda:

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

Menggunakan

Untuk mengubah font, cukup tambahkan as parameter kueri ke URL font yang diimpor. Nilai parameter as dapat menjadi salah satu ekstensi yang ingin Anda dapatkan (TTF, WOFF, WOFF2). Misalnya:

 @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");
}