parcel transformer fonts

يمكن استخدام هذا البرنامج المساعد للطرد لتحويل الخطوط بسهولة إلى التنسيقات المطلوبة.

يدعم البرنامج المساعد تنسيقات 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");
}