If you're serving TTF fonts on your website, you're sending roughly 30% more data than you need to. WOFF2 delivers the exact same typeface in a significantly smaller file, and every modern browser supports it. Here's how to convert — and why it matters for your site's performance.
لماذا WOFF2؟
يستخدم WOFF2 (Web Open Font Format 2.0) ضغط Brotli لتقليص حجم ملفات الخطوط بنسبة تصل إلى 30% مقارنة بـ TTF، دون أي خسارة في الجودة. تُحفظ الحروف النصية، والتحفيز، والتباعد، وجميع الميزات الطابعية بشكل متطابق. عند تحميل المتصفح لملف WOFF2، فإنه يفك ضغطه إلى نفس البيانات كما في TTF الأصلي.
التأثير الأداء حقيقي. الخطوط هي موارد تمنع العرض — لن يعرض المتصفح النص حتى اكتمال تحميل الخطوط. تقليل حجم خط TTF بحجم 120KB إلى 84KB في صيغة WOFF2 يعني عرض النص بشكل أسرع، خاصة على الاتصالات المحمولة. تقيس معايير Google الأساسية لجودة الويب (Core Web Vitals) هذا مباشرةً: كلما قل حجم الخطوط، زادت سرعة عرض المحتوى الرئيسي (LCP) وقل تغيير التخطيط التراكمي (CLS) الناتج عن استبدال الخطوط.
يدعم المتصفحات بشكل عام. تدعم Chrome و Firefox و Safari و Edge دعم WOFF2. المتصفحات الوحيدة التي لا تدعمها هي Internet Explorer والهواتف القديمة جدًا التي تستخدم نظام Android — وكلاهما يمثل أقل من 1% من حركة المرور العالمية.
كيفية التحويل
استخدام WOFF2 في CSS
بعد الحصول على ملف WOFF2، أشر إليه في ملف التنسيق الخاص بك. قم بسرد WOFF2 أولاً مع تراجع TTF لضمان أقصى توافق:
@font-face {
font-family: 'MyFont';
src: url('/fonts/myfont.woff2') format('woff2'),
url('/fonts/myfont.ttf') format('truetype');
font-display: swap;
}يُخبر إرشاد font-display: swap المتصفح بعرض النص البديل فورًا واستبدال الخط المخصص بمجرد تحميله، مما يزيل النص غير المرئي أثناء تحميل الخط.
توافق ترخيص الخطوط
تتضمن العديد من تراخيص الخطوط التجارية بنودًا تحد من رفع ملفات الخطوط إلى خدمات ويب خارجية. وهذا يخلق مشكلة: تحتاج إلى تحويل الخطوط إلى WOFF2 لأداء أفضل، لكن معظم أدوات التحويل تتطلب رفع الخط إلى خادم.
بالطبع، يجب دائمًا التحقق من شروط ترخيص الخط المحدد. لكن الطبيعة المحلية لتحويل Morph تلغي القلق الشائع في الامتثال.
تحويلات الخطوط الأخرى
يدعم Morph أيضًا تحويل OTF إلى WOFF2، و WOFF إلى WOFF2، و TTF إلى OTF، وكل التحويلات الأخرى بين TTF و OTF و WOFF و WOFF2. هل تحتاج إلى مُFonts مجانية لبدء العمل؟ تصفح أكثر من 1,500 خط حرية في مكتبة خطوط Morph.