TTF

TrueType Font — รูปแบบฟอนต์ไบนารีมาตรฐานอุตสาหกรรมที่พัฒนาโดย Apple และ Microsoft

TTF คืออะไร?

TrueType ถูกพัฒนาโดย Apple ในปลายทศวรรษ 1980 เป็นทางเลือกแทนฟอนต์ PostScript Type 1 ของ Adobe และต่อมา Microsoft นำมาใช้กับ Windows โดยจัดเก็บ glyph outlines เป็น เส้นโค้ง Bézier แบบ quadratic ซึ่งคำนวณง่ายกว่า (และ rasterize ได้เร็วกว่า) เส้นโค้ง cubic ที่ PostScript ใช้

TTF กลายเป็น รูปแบบฟอนต์สากล สำหรับทั้ง macOS และ Windows ยาวนานกว่าสองทศวรรษ มันเป็นวิธีมาตรฐานในการแจกจ่ายฟอนต์ — จากฟอนต์ระบบไปจนถึงรูปแบบอักษรที่กำหนดเอง แม้ WOFF/WOFF2 จะแทนที่ส่วนใหญ่สำหรับการส่งมอบเว็บ แต่ TTF ยังคงเป็นรากฐานที่รูปแบบฟอนต์เว็บสมัยใหม่ทั้งหมดถูกสร้างขึ้น

วิธีการทำงาน

ไฟล์ TTF คือ binary container ที่จัดเป็น ตาราง แต่ละตารางเก็บข้อมูลประเภทเฉพาะ:

• glyf — glyph outlines (รูปร่างเวกเตอร์จริง)
• cmap — การแมปตัวอักษรไปยัง glyph (Unicode code point ใดแมปไปยัง glyph ใด)
• head — metadata ของฟอนต์ (units-per-em, วันที่สร้าง, flags)
• hmtx — ตัวชี้วัดแนวนอน (advance width และ left side bearing สำหรับแต่ละ glyph)

สำหรับ icon fonts แต่ละไอคอนจะถูกกำหนด Unicode code point ใน Private Use Area (U+E000 ถึง U+F8FF) — ช่วงที่สงวนไว้โดยเฉพาะสำหรับตัวอักษรที่กำหนดโดยแอปพลิเคชันซึ่งไม่ขัดแย้งกับข้อความมาตรฐาน

@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 ไม่รองรับ (แม้ว่าเบราว์เซอร์เกือบทั้งหมดรองรับ)

ข้อดีและข้อเสีย

การรองรับของเบราว์เซอร์

TTF มี การรองรับเบราว์เซอร์ 98%+ รวมถึงเบราว์เซอร์สมัยใหม่ทั้งหมดและ Internet Explorer 9+ ยังรองรับโดยระบบปฏิบัติการเดสก์ท็อปหลักทุกระบบ — Windows, macOS และ Linux — หมายความว่าคุณสามารถติดตั้งไฟล์ TTF โดยตรงเป็นฟอนต์ระบบโดยไม่ต้องแปลง

แม้ TTF ใช้งานได้ทุกที่ แต่สำหรับการส่งมอบเว็บควรเลือก WOFF2 (ซึ่งเป็นเพียง TTF ที่บีบอัด) สงวน TTF ดิบสำหรับการใช้งานเดสก์ท็อป การพัฒนา และเป็นรูปแบบพื้นฐานใน build pipeline ของคุณ

เมื่อไรควรใช้ TTF

• แอปพลิเคชันเดสก์ท็อป — ติดตั้งเป็นฟอนต์ระบบสำหรับใช้ในแอปพลิเคชัน native, เครื่องมือออกแบบ หรือ IDE
• Electron และแอปพลิเคชัน native — รวม TTF โดยตรงกับแอปพลิเคชันสำหรับการแสดงผลฟอนต์แบบ offline
• การพัฒนาและทดสอบ — TTF ง่ายต่อการตรวจสอบด้วยเครื่องมือฟอนต์อย่าง FontForge, fontTools หรือ font viewers ของระบบ
• การตรวจสอบฟอนต์ระบบ — เมื่อต้องการตรวจสอบ glyph metrics, hinting หรือตาราง cmap ด้วยยูทิลิตีระดับ OS