WOFF

طوّرت Mozilla وOpera وMicrosoft مجتمعةً WOFF 1.0 بوصفه أول تنسيق خط مبني من الصفر للويب. أصبح توصية W3C في ديسمبر 2012، محققاً إنجازاً بارزاً في طباعة الويب.

في جوهره، WOFF غلاف حول بيانات خط TrueType أو OpenType الموجودة. يُطبّق ضغط zlib لتقليل حجم الملف ويتضمن حقول بيانات وصفية اختيارية للترخيص والإسناد. قبل WOFF، كان على مطوري الويب تقديم ملفات TTF أو OTF خام — كبيرة وغير مضغوطة وتفتقر إلى أي طريقة معيارية لتضمين معلومات الترخيص.

كان الابتكار الرئيسي هو إنشاء حاوية خط ويب متخصصة حلّت ثلاث مشكلات في آنٍ واحد: أحجام ملفات أصغر عبر الضغط، وكتلة بيانات وصفية معيارية لترخيص الخط، وتنسيق يستطيع المتصفح التحقق منه بسهولة وعزله للأمان.

يُغلّف حاوية WOFF الجداول الموجودة في الخط (من ملفات مصدر TTF أو OTF) بـضغط zlib لكل جدول على حدة. يُضغَّط كل جدول في الخط الأصلي — حواف الحروف الرسومية وبيانات التتباع وسجلات التسمية — بشكل مستقل، مما يتيح للمتصفح فك ضغط الجداول التي يحتاجها فحسب.

يبدأ رأس WOFF بتوقيع من أربعة بايتات (wOFF)، يليه نوع الخط (يشير إلى ما إذا كانت البيانات المُغلَّفة TrueType أو CFF)، ثم الحجم المضغوط الإجمالي، وأخيراً مؤشر إلى كتلة البيانات الوصفية الاختيارية. يقرأ المتصفح هذا الرأس، ويفك ضغط الجداول المنفردة إلى صورتها الأصلية، ثم يسلّم بيانات الخط المُعاد تشكيلها إلى محرك تصيير النص.

من منظور محرك التصيير، ملف WOFF المفكوك مطابق للملف الأصلي TTF أو OTF — الضغط شفاف تماماً.

@font-face {
  font-family: 'MyIcons';
  src: url('icons.woff2') format('woff2'),
       url('icons.woff') format('woff');
}

يجرّب المتصفح كل إدخال src بالترتيب. تُحمّل المتصفحات الحديثة ملف WOFF2 (أصغر وأسرع)؛ أما المتصفحات القديمة التي لا تفهم WOFF2 فتلجأ إلى ملف WOFF. يوفر هذا الأسلوب التتالي أداءً مثالياً مع أقصى توافق.

دعمت جميع المتصفحات الرئيسية WOFF منذ أوائل العقد الثاني من الألفية الثالثة، مما يجعله أكثر تنسيقات الخطوط الاحتياطية أماناً للويب. يغطي نطاقاً أوسع من المتصفحات مقارنةً بـ WOFF2 لأنه يشمل دعم الإصدارات القديمة من Internet Explorer.

بتغطية عالمية تبلغ 98%+ من المتصفحات، يُفهم WOFF من قِبَل كل متصفح تقريباً لا يزال في الاستخدام الفعّال. الثغرة الوحيدة الجديرة بالملاحظة هي IE 6-8، الذي يتطلب EOT بدلاً منه.

WOFF2 هو خلف WOFF، وهو من الناحية العملية تحسين صريح. إليك المقارنة:

يوفر WOFF2 ضغطاً أفضل بنحو 30% من WOFF بفضل Brotli وخطوة معالجة مسبقة متخصصة تجعل بيانات الحروف الرسومية أكثر قابلية للضغط. سرعة فك الضغط أيضاً أعلى. دعم المتصفحات الحديثة لـ WOFF2 واسع بالقدر ذاته — الثغرة الوحيدة هي Internet Explorer 9-11 الذي يدعم WOFF لكن لا يدعم WOFF2.

لمعظم المشاريع التي تستهدف المتصفحات من عام 2024 فصاعداً، يكفي WOFF2 وحده. الميزة الوحيدة المتبقية لـ WOFF هي تغطية IE 9-11.

على الرغم من تجاوز WOFF2 له، لا تزال هناك أسباب وجيهة لتضمين WOFF في مجموعة خطوطك:

• كبديل إلى جانب WOFF2 — ضع WOFF2 أولاً في إعلان @font-face وWOFF ثانياً، مما يمنح المتصفحات الحديثة الملف الأصغر مع ضمان حصول المتصفحات القديمة على الخط.
• عند الحاجة لدعم IE 11 — يدعم IE 11 WOFF لكن لا يدعم WOFF2، لذا WOFF هو أفضل تنسيق مضغوط متاح لهذا المتصفح.
• في البيئات التي لا تدعم Brotli — قد لا تتعامل بعض أدوات البناء أو الوكلاء أو شبكات CDN القديمة مع ضغط Brotli في WOFF2 بشكل صحيح؛ فضغط zlib في WOFF مدعوم عالمياً.

إذا لم ينطبق أي من هذه على مشروعك، يمكنك تخطي WOFF بأمان واستخدام WOFF2 فقط.