TTF

TrueType Font — تنسيق الخط الثنائي المعياري في الصناعة الذي طوّرته Apple وMicrosoft.

.ttf تنسيق TrueType Font
النوعحواف ثنائية
الضغطلا يوجد
حجم الملفمتوسط (غير مضغوط)
الدعم98%+ من المتصفحات
الأفضل لـتطبيقات سطح المكتب، التطوير
Bobcornالتنسيق الوسيط الأساسي

ما هو TTF؟

طوّرت Apple نظام TrueType في أواخر الثمانينيات بديلاً لخطوط Adobe PostScript Type 1، ثم اعتمدته Microsoft لاحقاً في Windows. يخزّن حواف الحروف الرسومية كـمنحنيات بيزيه التربيعية، وهي أبسط حسابياً (وأسرع في التحويل النقطي) من المنحنيات التكعيبية التي يستخدمها PostScript.

أصبح TTF سرعةً تنسيق الخط العالمي لكلٍّ من macOS وWindows. لأكثر من عقدين، كان الطريقة المعيارية لتوزيع الخطوط — من خطوط النظام إلى أنواع الخطوط المخصصة. وعلى الرغم من أن WOFF/WOFF2 حلّت محله إلى حدٍّ بعيد في توصيل خطوط الويب، يبقى TTF الأساس الذي بُنيت عليه جميع تنسيقات خطوط الويب الحديثة.

كيف يعمل

ملف TTF هو حاوية ثنائية منظمة في جداول، يخزّن كل منها نوعاً محدداً من البيانات:

  • glyf — حواف الحروف الرسومية (الأشكال المتجهة الفعلية)
  • cmap — تعيين الحروف إلى الحروف الرسومية (أي نقطة كود Unicode تقابل أي حرف رسومي)
  • head — بيانات وصفية للخط (الوحدات لكل em، تاريخ الإنشاء، الأعلام)
  • hmtx — المقاييس الأفقية (عرض التقدم والهامش الأيسر لكل حرف رسومي)

في خطوط الأيقونات، تُخصَّص لكل أيقونة نقطة كود Unicode في منطقة الاستخدام الخاص (من U+E000 إلى U+F8FF) — وهو نطاق محجوز خصيصاً للحروف المعرَّفة من قِبَل التطبيق التي لن تتعارض مع النص القياسي.

استخدام خط الأيقونات TTF في CSS
@font-face {
  font-family: 'MyIcons';
  src: url('myicons.ttf') format('truetype');
}

.icon {
  font-family: 'MyIcons';
  font-style: normal;
  font-weight: normal;
}

.icon-home::before {
  content: '\E001';
}

يُخبر تلميح format('truetype') المتصفحَ بنوع ملف الخط المتوقع، حتى يتمكن من تخطي التنزيل إذا لم يكن TrueType مدعوماً (رغم أن جميع المتصفحات تقريباً تدعمه).

المزايا والعيوب

    المزايا
  • توافق عالمي على جميع المنصات
  • مدعوم في كل مكان — سطح المكتب والأجهزة المحمولة والويب
  • التنسيق المعياري لتثبيت خطوط نظام التشغيل
  • جودة تصيير جيدة مع دعم hinting
  • مواصفات موثقة توثيقاً جيداً
    العيوب
  • لا ضغط — أكبر من WOFF/WOFF2
  • غير محسَّن لتوصيل الويب
  • قد يكون بطيء التنزيل على اتصالات المحمول

دعم المتصفحات

يتمتع TTF بـدعم 98%+ من المتصفحات، بما في ذلك جميع المتصفحات الحديثة وInternet Explorer 9 وما فوق. كما يدعمه بشكل أصلي كل نظام تشغيل رئيسي لسطح المكتب — Windows وmacOS وLinux — مما يعني إمكانية تثبيت ملف TTF مباشرةً كخط نظام دون أي تحويل.

بينما يعمل TTF في كل مكان، فإنه يُفضَّل لتوصيل الويب استخدام WOFF2 (وهو ببساطة TTF مضغوط). احتفظ بـ TTF الخام للاستخدام المكتبي والتطوير وكتنسيق أساس في خط أنابيب البناء.

متى تستخدم TTF

  • تطبيقات سطح المكتب — ثبّته كخط نظام للاستخدام في التطبيقات الأصلية أو أدوات التصميم أو بيئات التطوير المتكاملة.
  • تطبيقات Electron والتطبيقات الأصلية — أدمج TTF مباشرةً في تطبيقك لتصيير الخطوط دون اتصال بالإنترنت.
  • التطوير والاختبار — يسهل فحص TTF باستخدام أدوات الخطوط مثل FontForge وfontTools أو عارضات خطوط النظام.
  • فحص خطوط النظام — عند الحاجة إلى التحقق من مقاييس الحروف الرسومية أو hinting أو جداول cmap باستخدام أدوات مساعدة على مستوى نظام التشغيل.
في Bobcorn
في Bobcorn، يُعدّ TTF تنسيق المحور المركزي في خط أنابيب التوليد. تُجمَّع أيقونات SVG الخاصة بك أولاً في خط SVG، ثم تُحوَّل إلى TTF، ومنه إلى WOFF وWOFF2 وEOT. يُولَّد TTF دائماً كجزء من خط الأنابيب — إنه التنسيق الذي تعتمد عليه كل المخرجات الأخرى. فعّل تصدير TTF عند بناء تطبيقات سطح المكتب أو عند الحاجة إلى تثبيت خط الأيقونات على نظام التشغيل الخاص بك.