تنسيق خط الويب المفتوح أو Web Open Font Format (WOFF) هو تنسيق ملف لخطوط الويب تم تطويره من قبل Mozilla. يمكن أن يحتوي ملف WOFF على ملفات TTF و OTF مضغوطة، بالإضافة إلى معلومات الترخيص والبيانات الوصفية الأخرى. إليك ما تحتاج إلى معرفته حول WOFF.
تعريف ملف WOFF
على غرار ملفات ZIP، تعمل ملفات WOFF كحاويات لملفات أخرى، وتحديداً ملفات TrueType Font (TTF) و OpenType Font (OTF). تمنح هذه الأنواع من الملفات مصممي الويب القدرة على استخدام الخطوط خارج الأحرف القياسية الموجودة في معظم أجهزة الكمبيوتر.
تم استبدال WOFF بتنسيق WOFF2. يوفر WOFF2 خوارزميات ضغط أفضل، مما يقلل من حجم الملف الأصلي بنسبة 30 بالمائة إضافية. لذلك، تستهلك ملفات WOFF2 نطاقًا تردديًا أقل، ويتم تحميلها بشكل أسرع. تحتوي ملفات WOFF على الملحق woff، بينما تحتوي ملفات WOFF2 على الملحق woff2.
طريقة عمل ملفات WOFF
تستخدم جميع صفحات الويب تقريبًا صفحات الأنماط المتتالية (CSS) لتحديد تنسيق HTML والعناصر الأخرى على شاشتك. على سبيل المثال، يمكن للمطورين استخدام CCS لتغيير خطوط الويب من خلال الرجوع إلى الخطوط المثبتة بالفعل على كمبيوتر المستخدم. ومع ذلك، إذا كان جهاز الحاسوب أو المستعرض الخاص بك لا يدعم خطًا، فسيظهر كخط مختلف، أو لا يتم تحميله إطلاقا اعتمادًا على كيفية إعداد مجموعة خطوط الصفحة.
لتجنب هذه المشكلة، يمكن تخزين الخطوط المخصصة في ملف WOFF، والذي يتم حفظه على خادم مع جميع عناصر صفحة الويب الأخرى. يمكن للمصمم بعد ذلك استخدام الخاصية @ font-face CSS للإشارة إلى ملف WOFF وعرض الخط في المستعرض.
ملاحظة هامة: يدعم كل من Google Chrome و Firefox و Microsoft Edge و Opera و Safari تنسيق WOFF، ولكن قد تحتاج إلى تحديث متصفح الويب الخاص بك إلى أحدث إصدار.
فوائد ملفات WOFF
بالإضافة إلى توسيع أنواع الخطوط المتوفرة لمطوري الويب، فإن استخدام ملفات WOFF له مزايا عديدة. فمثلا:
- الضغط :
نظرًا لأن ملفات WOFF مضغوطة، يتم تحميلها بشكل أسرع من أنواع ملفات الخطوط الأخرى.
- دعم HTML و CSS:
على عكس ملفات الصور، يمكن تنسيق ملفات WOFF باستخدام HTML و CSS.
- تحسين محركات البحث (SEO):
تعد خطوط WOFF أفضل لتحسين محركات البحث (SEO) من صور النص.
- العرض المحسن:
تتضمن ملفات WOFF معلومات مطبعية بما في ذلك النماذج السياقية والأشكال القديمة، مما يسمح بالعرض الأمثل على الأجهزة جميعها.
- إمكانية الوصول إلى موقع الويب:
تجعل ملفات WOFF المواقع أكثر سهولة حيث يمكن قراءة النص بصوت عالٍ، ولا يمكن قراءة صور النص.
- التضمين:
تساعد خطوط WOFF في التدويل من خلال السماح لك بدمج الخطوط بأحرف من لغات أخرى.
إنشاء خطوط WOFF الخاصة بك
تتيح لك برامج تحرير الخطوط مثل FontForge تصميم مجموعات الخطوط الخاصة بك وتصديرها كملفات WOFF. يمكنك أيضًا تحويل ملفات WOFF إلى ملفات TTF أو OTF باستخدام FontForge. إذا كان لديك محرر خطوط مختلف تفضله ولا يدعم سوى TTF أو OTF، فيمكنك استخدام أداة sfnt2woff لتحويل الخطوط إلى ملفات WOFF.
كما تحتوي مواقع مثل Open Font Library و Font Squirrel على مئات الخطوط بتنسيق WOFF وهي مجانية للاستخدام التجاري وغير التجاري.