parcel transformer fonts

소포 용이 플러그인을 사용하여 글꼴을 원하는 형식으로 쉽게 변환 할 수 있습니다.

플러그인은 TTF, Woff 및 Woff2 글꼴 형식을 지원합니다. 위의 형식 사이의 변환은 어떤 식 으로든 Woff에서 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 매개 변수의 값은 얻으려는 확장자 중 하나 일 수 있습니다 (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");
}