parcel transformer fonts

Este plug -in para encomendas pode ser usado para converter facilmente fontes em formatos desejados.

O plug -in suporta formatos de fontes TTF, WOFF e WOFF2. Uma conversão entre os formatos acima pode ser feita de qualquer maneira, ou seja, ttf para woff, woff2 para ttf, etc.

Instalar

Instale o pacote usando o seguinte comando:

 npm i -D parcel-transformer-fonts

Habilitar

Adicione um nome de plug -in com as extensões que você deseja processar na seção transformers do seu arquivo .parcelrc :

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

Usar

Para transformar uma fonte, basta adicionar as parâmetro de consulta ao URL da fonte importada. O valor do parâmetro as pode ser uma das extensões que você deseja obter (ttf, woff, woff2). Por exemplo:

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