parcel transformer fonts

この小包用のプラグインを使用して、フォントを望ましい形式に簡単に変換できます。

プラグインは、TTF、WOFF、およびWOFF2フォント形式をサポートしています。上記の形式間の変換は、あらゆる方法で行うことができます。つまり、Woff、Woff2からTTFなどです。

インストール

次のコマンドを使用してパッケージをインストールします。

 npm i -D parcel-transformer-fonts

有効にする

.parcelrcファイルのtransformersセクションに処理する拡張機能でプラグイン名を追加します。

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

使用

フォントを変換するには、クエリパラメーターasインポートされたフォントのURLに追加するだけです。 asパラメーターの値は、取得する拡張機能の1つになります（TTF、WOFF、WOFF2）。例えば：

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