مقارنة
WOFF مقابل WOFF2
WOFF وWOFF2 تنسيقان لتوزيع الخطوط على الويب. WOFF2 أحدث وقد يقلل حجم النقل، لكن تغطية المتصفحات والبيئات الحالية والتراخيص تؤثر أيضًا في الاختيار.
أي تنسيق يجب أن تختار؟
للخطوط الجديدة على الويب، فكر في WOFF2 أولًا؛ واحتفظ بـ WOFF إذا تطلب التوافق أو النظام الحالي ذلك.
مناسب لـ WOFF
تقديم الخطوط في مواقع الويب
- مسارات عمل موجودة تدعم WOFF
مناسب لـ WOFF2
تقديم الخطوط في المواقع
- تقليل حجم النقل للمتصفحات المتوافقة
المعلومات الأساسية
| البند | WOFF | WOFF2 |
|---|---|---|
| الامتداد | .woff | .woff2 |
| نوع MIME | font/woff | font/woff2 |
| الاستخدامات الشائعة | تقديم الخطوط في مواقع الويب | تقديم الخطوط في المواقع |
| طريقة الفتح | حمّله عبر CSS في المتصفح أو افحصه بأداة خطوط. | حمّله عبر CSS في المتصفح أو افحصه بأداة خطوط. |
| التصدير أو التحويل | عند الإنشاء من TTF أو OTF، تحقق من الترخيص والأحرف والحجم والعرض؛ وفكر في WOFF2 للمتصفحات المتوافقة. | أنشئه من TTF أو OTF بأداة متوافقة ثم تحقق من الترخيص والرموز والحجم والعرض. |
الاختيار حسب الاستخدام
مسارات عمل موجودة تدعم WOFF
تقديم الخطوط في مواقع الويب
WOFFتقليل حجم النقل للمتصفحات المتوافقة
تقديم الخطوط في المواقع
WOFF2نقطة أساسية 1
كلاهما لتوزيع خطوط الويب ولا يستبدلان ملفات الخطوط المكتبية في كل مسار عمل.
مزيد من التفاصيل حول الاختلافاتنقطة أساسية 2
يستخدم WOFF2 مواصفات وضغطًا أحدث قد يقللان حجم النقل.
مزيد من التفاصيل حول الاختلافاتمزيد من التفاصيل حول الاختلافات
تحقق من دعم المتصفحات المستهدفة وترخيص الخط، ثم اختبر التحميل والعرض. قد تحتاج البيئات الأقدم إلى بديل؛ حسّن التنسيقات التي يستطيع جمهورك استخدامها فقط.
- يعبئ WOFF وWOFF2 الخطوط لتوزيعها عبر الويب.
- يقلل WOFF2 النقل غالبًا، لكن مقدار التوفير يعتمد على الخط.
- لا يمنح الامتداد حق تضمين الخط أو إعادة توزيعه؛ تحقق من الترخيص.
الأسئلة الشائعة
هل ينبغي تقديم WOFF وWOFF2 معًا؟
يعتمد ذلك على متطلبات التوافق؛ يمكن جعل WOFF2 أساسيًا وWOFF بديلًا عند الحاجة.