UltKit

TTF أم OTF أم WOFF: أي صيغة خط للتثبيت أو للويب؟

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

Jonas WeberJonas Weberمحرر أداء المواقع
آخر تحديث 11 دقائق للقراءة
رفوف وأدراج مكتظة بقوالب حروف طباعة خشبية قديمة بأحجام وألوان مختلفة
Answer

أي صيغة خط أستخدم: TTF أم OTF أم WOFF أم WOFF2؟

للتثبيت على الحاسوب استخدم TTF أو OTF؛ فكلتاهما تعمل على Windows وmacOS وLinux. أما لموقع الويب فقدّم WOFF2 أولًا واستخدم WOFF احتياطًا فقط. ملفات TTF أو OTF الخام على صفحة الويب أثقل بمرتين إلى ثلاث مرات مما يلزم.

TrueType و OpenType و WOFF و WOFF2 بعبارات بسيطة

TrueType أقدم الصيغ الأربع. طرحته Apple مع System 7 عام 1991 واعتمدته Microsoft في Windows 3.1 في العام التالي. يصف خط TrueType كل حرف بمنحنيات تربيعية، لكل مقطع منحنٍ فيها نقطة تحكم واحدة، وكان رسمها رخيصًا على العتاد القديم. ويحمل أيضًا التلميح (hinting): برامج صغيرة داخل الخط تُحاذي الخطوط الرأسية والمنحنيات على شبكة البكسلات ليبقى النص واضحًا على الشاشات منخفضة الدقة. وما زال الامتداد .ttf يدل على الخطوط ذات المحيطات التربيعية هذه.

OpenType، التي أعلنت عنها Microsoft وAdobe عام 1996، حاوية وليست نوعًا جديدًا من المحيطات. فهي قد تحتوي على محيطات TrueType أو محيطات PostScript المخزنة في جدول CFF، وهي تستخدم منحنيات تكعيبية بنقطتي تحكم لكل مقطع. وتضيف حول هذه المحيطات جداول تنسيق للطباعة المتقدمة: الحروف المتصلة القياسية والاختيارية، والأحرف الكبيرة الصغيرة، والأرقام القديمة، والمجموعات الأسلوبية، والبدائل السياقية، وضبط تقارب الحروف (kerning). وبحسب العرف يُحفظ خط OpenType المبني على CFF بامتداد .otf، بينما يحتفظ خط OpenType ذو محيطات TrueType بالامتداد .ttf.

WOFF وWOFF2 حاويتان مصممتان للويب. صيغت WOFF عام 2009 وصارت توصية W3C عام 2012، وتضغط كل جدول في الخط بـ zlib. أما WOFF2 فصارت توصية W3C عام 2018، وانتقلت إلى Brotli وتعالج بيانات الحروف مسبقًا، ما يجعلها أصغر عادةً بنحو 30% من WOFF. وتكتمل الصورة بثلاث صيغ جانبية. كانت EOT صيغة الويب الخاصة بـ Internet Explorer، وكانت خطوط SVG حلًا مؤقتًا مبكرًا في Safari وحده، أما الخطوط المتغيرة، التي أضيفت في OpenType 1.8 عام 2016، فتجمع نطاقًا كاملًا من الأوزان أو العروض في ملف واحد.

  1. 1991

    TrueType

    تطرح Apple المحيطات التربيعية والتلميح مع System 7، وتتبعها Windows 3.1 عام 1992.

  2. 1996

    OpenType

    تعلن Microsoft وAdobe عن حاوية واحدة لمحيطات TrueType أو CFF، مع ميزات التنسيق.

  3. 2012

    WOFF 1.0

    صيغت عام 2009 ثم صارت توصية W3C: الجداول نفسها مضغوطة بـ zlib.

  4. 2016

    الخطوط المتغيرة

    يتيح OpenType 1.8 لملف واحد أن يحمل محاور متصلة للوزن أو العرض أو الميلان.

  5. 2018

    WOFF2

    توصية W3C تستخدم Brotli؛ وهي أصغر عادةً بنحو 30% من WOFF.

أي صيغة خط تثبّت على جهازك

ثبّت TTF أو OTF ولا تشغل بالك بالفرق بينهما. يثبّت Windows 10 و11 كليهما بنقرة يمنى ثم تثبيت، ويفتحهما macOS في Font Book، وتلتقطهما أسطح مكتب Linux من ~/.local/share/fonts بعد تحديث ذاكرة الخطوط المؤقتة. ويقرؤهما Word وPhotoshop وتطبيق Figma لسطح المكتب وAffinity وLibreOffice. وإذا أرسل لك مصمم العائلة نفسها بالنسختين، فغالبًا تكون OTF هي النسخة التي رسمها مصمم الخط، وTTF تحويلًا أُعدّ للبرامج الأقدم.

الحالات التي يهم فيها الفرق محدودة. فبعض برامج آلات القص والتطريز ومحركات الألعاب ومكتبات عرض المتحكمات الدقيقة لا تفهم سوى محيطات TrueType، فيبدو خط OTF المبني على CFF معطوبًا فيها ويحتاج إلى تحويل OTF إلى TTF. وفي الاتجاه المعاكس لا شيء على سطح المكتب يثبّت WOFF أو WOFF2 مباشرة، فهذه الملفات معبأة للمتصفحات. ثبّت نسخة واحدة فقط من العائلة، لأن TTF وOTF بالاسم الداخلي نفسه يربكان قوائم الخطوط وقد تختار التطبيقات النسخة الخطأ.

TrueType Collection.ttc · مجموعة خطوط · .otc
ملف واحد يخزّن عدة خطوط، وعادةً أنماط عائلة واحدة أو متغيراتها اللغوية، ويتيح لها مشاركة الحروف المتطابقة لتوفير المساحة. يثبّت Windows وmacOS كل الخطوط داخله دفعة واحدة؛ وكثيرًا ما تُوزَّع عائلات CJK في النظام، مثل Noto Sans CJK، بهذه الطريقة. وقد تستخدم المجموعات المبنية على محيطات CFF الامتداد .otc بدلًا من ذلك.
صفوف من حروف الطباعة المعدنية مرتبة في الحجيرات الصغيرة لدرج خشبي لحروف الطباعة
الصورة: Unsplash

أي صيغة خط تستخدم على موقع الويب

تقرأ كل الإصدارات الحالية من Chrome وEdge وFirefox وSafari صيغة WOFF2، فينبغي أن تكون المصدر الأول وغالبًا الوحيد في قاعدة @font-face. أضف سطر WOFF بعدها فقط إذا كانت إحصاءاتك ما زالت تُظهر متصفحات سابقة لعام 2016 تقريبًا، مثل WebView القديمة في Android أو متصفحات التلفزيونات المدمجة. يمرّ المتصفح على قائمة src بالترتيب وينزّل أول صيغة يدعمها، أي أن الاحتياط لا يكلّف الزوار الحديثين شيئًا. وإذا كان لديك ملف TrueType لسطح المكتب، فإن TTF إلى WOFF ينتج هذا الاحتياط في خطوة واحدة.

تجنّب تقديم TTF أو OTF الخام على الموقع ما لم تُجبرك منصة على ذلك، كما تفعل بعض أدوات البريد ونظم المحتوى القديمة. فالمتصفحات تعرضها جيدًا، لكن الملفات تنتقل دون ضغط ما لم يضغط خادمك الخطوط بـ gzip، وتمنح أي شخص نسخة جاهزة للتثبيت على سطح المكتب. ويطلب السطر font-display: swap أدناه من المتصفح عرض النص فورًا بخط احتياطي ثم استبداله بخطك عند وصوله، بدلًا من إخفاء النص مدة تصل إلى 3 ثوانٍ أثناء الانتظار.

استضف الملفات على نطاقك الخاص متى أمكن. فـ Chrome وSafari وFirefox تقسّم ذاكرتها المؤقتة الآن حسب الموقع، فلم يعد الخط المجلوب من CDN مشتركة يُعاد استخدامه بين المواقع، والاستضافة الذاتية توفّر استعلام DNS واتصالًا. أضف <link rel="preload"> فقط للوزن أو الوزنين المستخدمين في الجزء الظاهر أولًا من الصفحة؛ فتحميل كل الأنماط مسبقًا ينافس صورك على عرض النطاق.

@font-face مع WOFF2 أولًا، واحتياطي WOFF، وswap
@font-face {
  font-family: "Source Serif";
  src: url("/fonts/source-serif-regular.woff2") format("woff2"),
       url("/fonts/source-serif-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2013-2014, U+2018-201E, U+20AC;
}

الأحجام المعتادة لملفات الخطوط وأهمية التجزئة

يزن وزن واحد لنص لاتيني محفوظ بصيغة WOFF2 عادةً 20–60 KB. أما الخط نفسه بصيغة TTF غير مضغوطة فهو غالبًا أكبر بمرتين إلى ثلاث، وقد تتجاوز العائلة التي تغطي اليونانية والسيريلية والفيتنامية أيضًا 200 KB للنمط الواحد. وخطوط الصينية واليابانية والكورية مقياس آخر تمامًا: فالوزن الكامل لخط CJK يضم عشرات الآلاف من الحروف ويبلغ عادةً عدة ميغابايت حتى بعد ضغط WOFF2، وهذا أكثر بكثير من أن يُحمَّل قبل أن تعرض الصفحة نصها.

تحذف التجزئة (subsetting) الأحرف التي لا تستخدمها الصفحة أبدًا، ويخبر unicode-range المتصفح بالأحرف التي يغطيها كل ملف فلا ينزّله إلا إذا احتوت الصفحة عليها فعلًا. ويستخدم Google Fonts هذا بعينه مع CJK، فيقطّع كل عائلة إلى شرائح صغيرة كثيرة تُحمَّل عند الطلب. وبالنسبة إلى خطوطك الخاصة، فإن خيار الأحرف المُبقاة في محول الخطوط يقلّص الملف إلى Latin + accents أو الأحرف التي أكتبها فقط قبل أن يصل إلى خادمك؛ واترك كل الأحرف لأي خط تثبّته على حاسوب.

وزن نص لاتيني نموذجي بصيغة WOFF2
20–60 KB
التوفير النموذجي لـ WOFF2 مقارنة بـ WOFF
≈ 30%
وزن CJK كامل نموذجي، حتى بصيغة WOFF2
عدة MB

تحويل الخطوط بين الصيغ وما الذي يتعطل

التحويل من TTF إلى OTF والعكس تغيير للحاوية في الخطوط ذات نكهة TrueType: ينتقل جدول المحيطات والمقاييس وميزات التنسيق دون مساس. أما الحالة الأهم فهي تحويل OTF المبني على CFF إلى TTF. فالمنحنيات التكعيبية لا يمكن نسخها إلى صيغة محيطات تربيعية، فيُعاد رسم كل منحنى كمقطع تربيعي واحد أو أكثر بتفاوت أصغر بكثير من بكسل. ولا يمكن ترجمة تلميحات PostScript أيضًا، ولذلك تعرض أداة OTF إلى TTF خيار التلميح (Hinting) بقيم الإبقاء أو الإزالة أو تلميح تلقائي.

التحويل من الويب إلى سطح المكتب هو الأكثر شيوعًا. تنزّل قالبًا أو حزمة تصميم فلا تجد إلا ملفات .woff أو .woff2، وتحتاج الخط في Word أو Figma. يزيل WOFF إلى TTF الضغط ويكتب الجداول الأصلية من جديد، فتخرج الحروف وتقارب الحروف والميزات كما دخلت. أما ما لا يمكن استرجاعه فهو ما حذفته نسخة الويب أصلًا، كالأحرف التي أزالتها التجزئة أو التلميحات التي نُزعت لتوفير البايتات.

تعود معظم مشكلات التحويل إلى ثلاثة أمور: التلميح وميزات التنسيق والمحاور المتغيرة. وتغطي القائمة أدناه الأعراض التي ستلاحظها بعد التحويل والسبب المعتاد وراء كل منها.

  • يبدو النص الصغير ضبابيًا أو غير متساوٍ على Windows بعد التحويل

    حُذفت التلميحات الأصلية أو تعذّر نقلها. حوّل مرة أخرى مع ضبط التلميح (Hinting) على تلميح تلقائي؛ وعلى شاشات Retina والهواتف نادرًا ما يظهر الفرق.

  • توقفت الحروف المتصلة أو الأحرف الكبيرة الصغيرة أو المجموعات الأسلوبية عن العمل

    قد لا يعرض التطبيق ميزات OpenType، أو حذفت خطوة التجزئة الحروف البديلة التي تشير إليها هذه الميزات. حوّل الملف الأصلي مع كل الأحرف وتأكد من أن تطبيقك يحتوي على لوحة للطباعة أو OpenType.

  • يظهر الخط المتغير الآن بوزن واحد فقط

    تسطّح بعض الأدوات الخط المتغير إلى نسخة ثابتة واحدة. احتفظ بالمصدر المتغير، وتحقق من وجود قائمة محاور في النتيجة قبل أن تحذف الأصل.

  • يظهر الخط المحوَّل مرتين في قائمة الخطوط

    تشترك النسختان في اسم العائلة الداخلي نفسه. أزل تثبيت الملف القديم، أو عيّن اسم العائلة جديدًا ضمن الإعدادات المتقدمة قبل التحويل.

فحص الخط قبل استخدامه أو تحويله

ملف الخط قاعدة بيانات صغيرة، وثلاثة أجزاء منه تجيب عن معظم الأسئلة. يحتوي جدول name على اسم العائلة واسم النمط والإصدار وسطر حقوق النشر وغالبًا رابط الترخيص؛ ويعرضه Font Book في macOS ضمن عرض المعلومات، وتعرض معاينة الخط في Windows أولى سطوره. وتخبرك تغطية الحروف باللغات التي يستطيع الخط كتابتها: فالخط اللاتيني فقط ينتقل بصمت إلى خط آخر للأحرف البولندية أو التركية أو الفيتنامية التي يفتقدها. وفي الخط المتغير يسرد جدول fvar محاوره، مثل الوزن من 100 إلى 900 أو العرض من 75 إلى 125.

يستحق الترخيص نظرة قبل نشر أي شيء على الإنترنت. فمسابك الخطوط التجارية تبيع غالبًا تراخيص منفصلة لسطح المكتب والويب والتطبيقات، وترخيص سطح المكتب يغطي عادةً التثبيت على عدد محدد من الحواسيب لا تقديم الملف لزوار الموقع ولا تضمينه في تطبيق جوال. وتحويل الخط يغيّر صيغة ملفه لا ترخيصه أبدًا، فملف WOFF2 المصنوع من TTF لسطح المكتب يحمل شروط TTF نفسها. أما الخطوط المرخصة بموجب SIL Open Font License، وهي تشمل معظم Google Fonts، فيجوز تحويلها وتجزئتها واستضافتها ذاتيًا.

  • اسم العائلة واسم النمط يُقرآن بشكل صحيح في جدول name
  • رقم الإصدار يطابق الإصدار الذي تنوي استخدامه
  • كل لغة يستخدمها نصك فيها أحرفها المشكّلة والخاصة
  • الخط المتغير ما زال يسرد محاور الوزن أو العرض
  • الترخيص يغطي الاستخدام: سطح المكتب أو الموقع أو التطبيق أو التضمين في المستندات

جدول الاختيار: صيغة الخط المناسبة لكل استخدام

تختصر معظم أسئلة الخطوط في المكان الذي سيوجد فيه الملف. إن كان مثبتًا على حاسوب أو معبأً في تطبيق فاستخدم TrueType أو OpenType؛ وإن كان المتصفح سينزّله فاستخدم حاويات الويب المضغوطة. يربط الجدول المهام الشائعة بالصيغة المناسبة والتحويل الذي يوصلك إليها، فيمكنك تجاوز التاريخ والذهاب مباشرة إلى الملف الذي تحتاجه.

هناك مهمتان بين الفئتين. يقبل EPUB 3 صيغ TTF وOTF وWOFF، فيمكن للكتب الإلكترونية استخدام أي من العائلتين، وتنتمي ملفات خطوط SVG إلى سلالة الرسومات المتجهة نفسها، لكنها اليوم تهم أساسًا بعض برامج الراسمات والنقش لا المتصفحات.

أي صيغة خط تختار، حسب المهمة
المهمةالصيغة المناسبةإذا كان لديك فقطالتحويل
التثبيت على Windows أو macOS أو LinuxTTF أو OTFWOFF أو WOFF2WOFF ← TTF
برنامج يرفض ملف OTF لديكTTFOTF مبني على CFFOTF ← TTF
خط موقع مستضاف ذاتيًاWOFF2TTF أو OTFTTF ← WOFF2
احتياط للمتصفحات القديمة جدًاWOFFTTFTTF ← WOFF
موقع بالصينية أو اليابانية أو الكوريةشرائح WOFF2 مجزّأةTTF أو OTF كاملالتجزئة ثم WOFF2
عدة أوزان في ملف واحدTTF أو WOFF2 متغيرTTF متغيرإبقاء المحاور عند التحويل
كتاب إلكتروني (EPUB 3)TTF أو OTF أو WOFFWOFF2WOFF2 ← TTF

أهم النقاط

  • ثبّت ملف TTF أو OTF على الكمبيوتر؛ كلاهما يعمل على Windows وmacOS وLinux.
  • قدّم WOFF2 أولًا في موقع الويب، وأضف WOFF للمتصفحات القديمة جدًا فقط، واضبط font-display: swap.
  • WOFF وWOFF2 غلافان مضغوطان، لذا فالتحويل إليهما يغيّر حجم التنزيل لا شكل الحروف.
  • قسّم الخط حسب نظام الكتابة وunicode-range؛ وهذا أهم ما يكون مع خطوط CJK التي تبلغ عدة ميغابايت.
  • التحويل يغيّر صيغة الملف ولا يغيّر الترخيص أبدًا، وقد يُسقط التلميحات (hinting) أو محاور الخط المتغير إذا لم تنتبه.
مشاركةXFacebookWhatsAppTelegram

الأسئلة الشائعة

هل جودة OTF أفضل من TTF؟

ليس بطريقة يمكنك ملاحظتها في الأحجام العادية. فالمنحنيات التكعيبية والتربيعية تصف الأشكال نفسها، وتحمل الصيغتان ميزات OpenType نفسها. وملفات OTF كثيرًا ما تكون رسم المصمم الأصلي، وهذا السبب العملي الوحيد لتفضيلها.

لماذا يأتي الخط الذي أنزّله في ملف ZIP يحتوي على TTF و WOFF و WOFF2؟

المورّد يمنحك ملفًا لكل مهمة. ثبّت ملف TTF على جهازك، وارفع ملف WOFF2 إلى موقعك، مع ملف WOFF إن أردت بديلًا احتياطيًا.

هل تعمل صيغة WOFF2 في البريد الإلكتروني؟

جزئيًا فقط. يحمّل Apple Mail وiOS Mail خطوط الويب من ورقة أنماط مرتبطة، بينما يتجاهل Gmail وOutlook على Windows الخطوط المخصصة ويعرضان الخط البديل، لذا اختم قائمة font-family دائمًا بخط نظام آمن.

هل يمكنني استخدام ملف TTC على موقع ويب؟

ليس مباشرة. تتوقع المتصفحات خطًا واحدًا في كل ملف، لذا استخرج الخطوط المفردة من المجموعة وحوّل كل واحد منها إلى WOFF2.

هل تغني الخطوط المتغيرة عن ملفات الأوزان المنفصلة؟

غالبًا نعم. ملف WOFF2 متغيّر يغطي الأوزان من 100 إلى 900 يكون عادة أصغر من أربعة أوزان ثابتة أو أكثر مجتمعة، وتدعمه كل المتصفحات الحالية. وإذا كنت تستخدم وزنًا أو وزنين فقط، فقد تبقى الملفات الثابتة أخف.

هل ما زال إنشاء خطوط EOT و SVG مجديًا؟

نادرًا. لا تهم صيغة EOT إلا في Internet Explorer 8 وما قبله، ويتجاهل Chrome وFirefox الحاليان خطوط SVG، فلا تستحق الإنشاء إلا للأنظمة القديمة أو للبرامج التي تقرؤها.

تابع القراءة