انتقل إلى محتوى الدرس

Why WOFF2 Format Leads Web تفوق صيغة WOFF2 ضغطاً وأداءً

تعلّم استضافة الخطوط المخصصة محلياً عبر قاعدة @font-face بصيغة WOFF2، وربط الأوزان المتغيرة ومنع اختفاء النص بخاصية swap مع الحفاظ على خصوصية الزوار.
1 صفوف تعليمية
لغة CSS
2 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تستخدم أنظمة التشغيل المكتبية عادةً ملفات خطوط غير مضغوطة بصيغتي TTF و OTF، وهي أحجام ثقيلة تبطئ فتح صفحات الويب. لذلك أصبحت صيغة WOFF2 المعيار القياسي الأول للويب الحديث؛ إذ تدمج خوارزمية ضغط Brotli المتطورة داخل بنية الخط نفسه، مما يقلص حجم الملف بنحو 30% مقارنةً بالجيل الأول WOFF وبأكثر من النصف مقارنةً بملفات سطح المكتب الخام.

وعند كتابة الدالة format("woff2") مباشرةً بعد url()، فإنك تُخبر المتصفح مسبقاً بنوع الملف الرقمي ليتحقق من دعمه الصريح قبل الشروع في تنزيله.

صيغة ملف الخطتقنية الضغط الداخليحجم الملف النسبيوضعها في الويب الحديث
WOFF2ضغط Brotli مدمج ومعالجة للجداولالأصغر حجماً والأسرع تنزيلاًالمعيار الأساسي الكافي لجميع المتصفحات الحديثة
WOFFضغط zlib التقليدي الأقدمأكبر بنحو 30% من WOFF2بديل تاريخي نادر الحاجة اليوم
TTF / OTFملفات مكتبية خام غير مضغوطةكبير وثقيل على الشبكةمخصص لتثبيت النظام المحلي وليس للويب