تحويل TTF إلى WOFF2
استضافة الخط على موقعك تبدأ من هنا: WOFF2 هي الصيغة التي تنزّلها جميع المتصفحات الحالية أولًا، وهي أصغر غلاف لبيانات TrueType الموجودة لديك. وتكتب هذه الصفحة أيضًا قاعدة CSS التي تحمّل الخط.
محوّل الخطوط
أو أفلت ملفات TTF, OTF, WOFF … هنا ·
الحد الأقصى 95 MB لكل ملف· حتى 20 ملفًا· تُحذف بعد 30 دقيقة
تُعالج الملفات على خوادمنا وتُحذف بعد 30 دقيقة.
حذف الأبجديات غير المستخدمة قد يقلص خط الويب من مئات KB إلى أقل من 30 KB. أبقِ كل الأحرف للخطوط التي تثبتها على الحاسوب.
الصق النص أو الأحرف التي يجب أن يغطيها الخط، مثل كلمة شعار أو عنوان. يُحذف كل ما عداها.
التلميحات تُحسّن وضوح النص الصغير على شاشات Windows. حذفها يوفر غالباً 10–30% في خطوط الويب؛ والتلميح التلقائي يضيفها للخطوط التي لا تحتوي عليها.
اتركه فارغاً لإبقاء الاسم الأصلي. تغيير الاسم يتيح تثبيت الخط المحوَّل بجانب الأصلي دون تعارض.
مثل Regular أو Bold أو Italic. اتركه فارغاً لإبقاء اسم النمط الأصلي.
طريقة استخدام هذه الأداة
- 1
ارفع ملفات TTF
أضف كل وزن ونمط تنوي استخدامه، حتى 20 ملفًا بحجم يصل إلى 95 MB لكل ملف. تعمل الخطوط المتغيرة (Variable TTF) أيضًا وتحتفظ بمحاورها.
- 2
أبقِ خيار CSS مفعّلًا، واقتطع مجموعة أحرف إن أمكن
خيار تضمين CSS @font-face مفعّل مسبقًا. ضمن الإعدادات المتقدمة، اضبط الأحرف المُبقاة على Basic Latin أو Latin + accents إذا كان موقعك بلغة غربية، وفكّر في ضبط التلميح (Hinting) على إزالة.
- 3
حوّل إلى WOFF2
اضغط التحويل إلى WOFF2 ونزّل الخطوط مع ملف .css. ارفع الاثنين إلى موقعك، ثم اربط ملف الأنماط أو الصق القاعدة في أنماطك الخاصة.
كيف أحوّل TTF إلى WOFF2 لموقعي؟
ارفع ملف .ttf، واترك تضمين CSS @font-face مفعّلًا، ثم اضغط التحويل إلى WOFF2. ستحصل على ملف .woff2 وملف .css يحوي قاعدة @font-face تشير إليه.
لماذا WOFF2 هي صيغة خطوط الويب التي ينبغي اعتمادها
ملف TTF عبارة عن جداول بيانات غير مضغوطة: المخططات والمقاييس والتقريب بين الأحرف (kerning) والأسماء. أما WOFF2، الذي نُشر كتوصية من W3C عام 2018، فيحتفظ بالجداول نفسها تمامًا لكنه يمررها عبر Brotli، خوارزمية الضغط التي أصدرتها Google عام 2015، بعد إعادة تنظيم مخططات الأشكال لتُضغط بشكل أفضل. وجدت اختبارات Google أن WOFF2 أصغر بنحو 30% في المتوسط من صيغة WOFF الأقدم، ويستعيد المتصفح بيانات الخط الأصلية بعد التنزيل، فلا يتغير شيء في أشكال الحروف.
الخطوط تعطّل العرض، لذا يهم حجمها أكثر مما توحي به الكيلوبايتات. إلى أن يصل خط الويب، يخفي المتصفح النص أو يعرض خطًا احتياطيًا، وقد يؤدي الاستبدال المتأخر إلى انزياح التخطيط. الملفات الأصغر تقلّص هذه الفترة، وخياران هنا يقلّصانها أكثر: الأحرف المُبقاة يزيل الأشكال التي لا تعرضها صفحاتك، والتلميح (Hinting) المضبوط على إزالة يحذف تعليمات تتجاهلها الهواتف والشاشات عالية الكثافة أصلًا. احتفظ بملفات TTF الأصلية لاستخدام سطح المكتب؛ يمكن لأداة تحويل WOFF2 إلى TTF فك خط ويب لاحقًا، لكنها لا تستعيد أشكالًا أزالها التقليص.
حجم ملف TTF مقارنة بـ WOFF2
TTF، مجموعة الأحرف كاملة
100%
جداول خط غير مضغوطة، كما تُثبَّت على سطح المكتب
WOFF2، مجموعة Basic Latin مقلّصة
غالبًا 10–25%
ضغط Brotli مع أشكال أقل؛ يختلف حسب الخط
قاعدة @font-face لخط WOFF2
@font-face {
font-family: "Brand Sans";
src: url("/fonts/brand-sans-regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
unicode-range: U+0000-00FF;
}دعم المتصفحات لـ WOFF2 إصدارًا بإصدار
2014
Chrome 36
متصفح Google هو الأول الذي يفك ترميز WOFF2 افتراضيًا.
2015
Firefox 39
تفعّل Mozilla فك ترميز WOFF2 افتراضيًا.
2016
Edge 14
يضيف Edge الأصلي من Microsoft دعم WOFF2 مع تحديث Windows 10 Anniversary Update.
2018
توصية W3C
اكتملت المواصفة؛ وكان Safari على macOS وiOS يفك ترميز WOFF2 أيضًا بحلول ذلك الوقت.
TTF
خط TrueType
TTF هي صيغة خطوط TrueType التي طورتها Apple في أواخر الثمانينيات وأصدرتها عام 1991، ثم رخّصتها لشركة Microsoft. تعرّف مخططات الحروف بمنحنيات تربيعية وتتضمن تعليمات تلميح تجعل النص حادًا على الشاشات. تدعمها كل أنظمة سطح المكتب ومعالجات النصوص وتطبيقات التصميم. تفتقر إلى بعض الميزات الطباعية المتقدمة في OpenType وحجمها أكبر من صيغ خطوط الويب.
- الضغط
- دون فقدان
- الشفافية
- –
- الحركة
- –
- سنة الظهور
- 1991 · Apple
WOFF2
Web Open Font Format 2
WOFF2 هو الإصدار الثاني من Web Open Font Format، يعتمد على ضغط Brotli من Google ونُشر كتوصية من W3C عام 2018. تكون ملفاته أصغر من WOFF بنحو 30%، مما يساعد على تحميل الصفحات بشكل أسرع. تدعمه جميع المتصفحات الحديثة وهو التنسيق الموصى به لخطوط الويب. لا يمكن لأنظمة تشغيل سطح المكتب وتطبيقات التصميم تثبيته مباشرة.
- الضغط
- دون فقدان
- الشفافية
- –
- الحركة
- –
- سنة الظهور
- 2018 · W3C (Google)
يحزم تحويل TTF إلى WOFF2 خط سطح المكتب في الحاوية المضغوطة بـ Brotli التي تفضّلها المتصفحات، فتصل الأشكال نفسها إلى الزوار بعدد بايتات أقل؛ وتوجد الصفحة العكسية لمن يحتاج إلى تثبيت خط وجده على الويب.
الأسئلة الشائعة حول تحويل TTF إلى WOFF2
هل ما زلت أحتاج إلى ملف TTF أو WOFF احتياطي بجانب WOFF2؟
في المواقع العامة اليوم، لا حاجة لذلك عادةً. تقرأ Chrome وEdge وFirefox وSafari صيغة WOFF2 منذ سنوات، والمتصفحات القليلة التي لا تدعمها، مثل Internet Explorer 11، نادرًا ما تستحق ملفًا إضافيًا. أضف ناتج تحويل TTF إلى WOFF كقيمة src ثانية فقط إذا أظهرت إحصاءاتك وجود زوار بهذه المتصفحات.
لماذا يتجاوز حجم ملف خط WOFF2 لديّ 100 KB؟
الضغط يقلّل طريقة تخزين الأشكال فقط، لا عددها. الخط الذي يغطي اللاتينية والسيريلية واليونانية والفيتنامية يحمل كلها. تقليص الخط إلى الأبجديات التي تعرضها فعلًا هو ما يخفض الخط النصي إلى بضع عشرات من الكيلوبايت.
ماذا تفعل الخاصية font-display: swap؟
يطلب من المتصفح عرض النص فورًا بخط احتياطي ثم استبداله بخط الويب عند وصوله، بدل إخفاء النص أثناء التنزيل. أضفه إلى قاعدة @font-face كما في المثال أعلاه، أو استخدم optional إذا كنت تفضّل تجنب الاستبدال المتأخر على الاتصالات البطيئة.
هل يمكنني تحويل خط TTF من Google Fonts إلى WOFF2 واستضافته بنفسي؟
نعم. تُصدر عائلات Google Fonts برخصة SIL Open Font License أو Apache License، وكلتاهما تسمح بالتحويل والاستضافة الذاتية. كما أن استضافة الملف بنفسك تجنّبك طلبًا إلى خادم طرف ثالث.
هل تعمل خطوط WOFF2 في النشرات البريدية؟
في بعض البرامج فقط. يحمّل Apple Mail وiOS Mail خطوط الويب عبر @font-face، بينما يتجاهلها Gmail ومعظم إصدارات Outlook ويعرضان الخط الاحتياطي. اذكر دائمًا خط نظام آمنًا في قائمة الخطوط داخل البريد الإلكتروني.