محول الخطوط: TTF وOTF وWOFF وWOFF2 وEOT

TTF وOTF وWOFF وWOFF2 وEOT: ما فائدة كل صيغة؟

TTF (TrueType) وOTF (OpenType) هما صيغتا الخطوط التي تُثبَّت على الكمبيوتر: يقبلهما Windows وmacOS وLinux، وكذلك Word وPhotoshop وCanva وبرامج آلات القص مثل Cricut وSilhouette. أما WOFF وWOFF2 فهما الخطوط نفسها مضغوطة للويب: WOFF2 أخف بنحو 30% من WOFF وتقرؤه كل المتصفحات الحالية، ما يسرّع عرض المواقع. وEOT هي الصيغة القديمة لمتصفح Internet Explorer من الإصدار 6 إلى 8، ولا تفيد إلا للمواقع القديمة جدًا. وتجمع ملفات TTC عدة خطوط من العائلة نفسها: تفصلها الأداة وتحوّل كل خط منها.

تحويل خط OTF إلى TTF (وTTF إلى OTF)

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

استخدام خط على موقعك عبر @font-face

لعرض خط مخصص على موقع، يجب رفعه بصيغة WOFF2 (وWOFF للمتصفحات القديمة)، ثم تعريفه في CSS بقاعدة @font-face. وتجهّز حزمة الويب في الأداة كل شيء: ملفات كل خط، وملف fonts.css يضم اسم العائلة والوزن (400 للعادي و700 للعريض) والنمط وخيار font-display: swap الذي يمنع اختفاء النص أثناء التحميل، إضافة إلى صفحة تجريبية. انسخ الملفات إلى موقعك، وأضف fonts.css إلى صفحاتك، ثم استخدم font-family بالاسم المحدد. وفي WordPress، تُلصق القاعدة نفسها في خانة CSS الإضافي للقالب.

ترخيص الخطوط: ما الذي يجب التحقق منه

تحويل الخط لا يغيّر ترخيصه. الخطوط الحرة مثل خطوط Google Fonts (ترخيص OFL)، ومنها خطوط عربية كثيرة، يمكن تحويلها واستخدامها على موقع دون مشكلة. أما الخطوط التجارية فلها غالبًا ترخيص مختلف لسطح المكتب وللويب. تعرض الأداة حقوق النشر والترخيص المسجلين في الملف، وتنبّهك عندما يشير الخط إلى أنه لا يجوز تضمينه في المستندات أو المواقع. تحقق من حقوقك قبل نشر خط محوَّل على الإنترنت.