parcel transformer fonts

ปลั๊กอินนี้สำหรับพัสดุสามารถใช้ในการแปลงฟอนต์เป็นรูปแบบที่ต้องการได้อย่างง่ายดาย

ปลั๊กอินรองรับรูปแบบฟอนต์ TTF, WOFF และ WOFF2 การแปลงระหว่างรูปแบบข้างต้นสามารถทำได้ในทุกทางเช่น TTF เป็น woff, woff2 เป็น ttf ฯลฯ

ติดตั้ง

ติดตั้งแพ็คเกจโดยใช้คำสั่งต่อไปนี้:

 npm i -D parcel-transformer-fonts

เปิดใช้งาน

เพิ่มชื่อปลั๊กอินด้วยส่วนขยายที่คุณต้องการประมวลผลในส่วน transformers ของไฟล์ .parcelrc ของคุณ:

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