ไทโปกราฟีเว็บ: TTF, OTF, WOFF และ WOFF2
วิธีที่การบีบอัดฟอนต์สมัยใหม่ช่วยเร่งความเร็วไทโปกราฟีบนเว็บและป้องกันการเลื่อนของเลย์เอาต์
ไฟล์ของคุณได้รับการประมวลผลทั้งหมดภายในเว็บเบราว์เซอร์ของคุณโดยใช้ HTML5 Canvas และ WebAssembly ไม่มีข้อมูลใดออกจากอุปกรณ์ของคุณเลย
ข้ามคิวการอัปโหลดและดาวน์โหลด การแปลงไฟล์เกิดขึ้นในเครื่องด้วยความเร็วสูงสุดของฮาร์ดแวร์โดยไม่มีข้อจำกัดจากเซิร์ฟเวอร์
สอดคล้องตามข้อกำหนดอย่างเป็นทางการของ ISO, W3C และ IETF เพื่อรับประกันความเข้ากันได้ของผลลัพธ์ในระบบปฏิบัติการสมัยใหม่
การเปรียบเทียบรูปแบบและข้อกำหนดทางเทคนิค
| รูปแบบผลลัพธ์ | ประเภท MIME | ข้อกำหนด | ประเภท |
|---|---|---|---|
| WOFF2 ฟอนต์เว็บ | font/woff2 | W3C-WOFF2 | Web Open Font Format 2.0 |
| TTF ฟอนต์ TrueType | font/ttf | W3C-WOFF2 | มาตรฐานฟอนต์ TrueType |
ข้อมูลทางเทคนิคและรายละเอียดตัวแปลงสัญญาณ (Codec)
ทำไมคุณจึงควรใช้ WOFF2 บนเว็บเสมอ
TTF และ OTF ถูกสร้างขึ้นมาสำหรับระบบปฏิบัติการเดสก์ท็อปและมีตารางไกลฟ์แบบไม่บีบอัด WOFF2 ใช้การประมวลผลล่วงหน้าของตารางแบบกำหนดเองและการบีบอัดแบบ Brotli ซึ่งช่วยย่อขนาดไฟล์ฟอนต์ได้มากถึง 50% โดยไม่เปลี่ยนเส้นโค้งแม้แต่เส้นเดียว ช่วยปรับปรุงความเร็วในการโหลดหน้าเว็บและความเสถียรของเลย์เอาต์อย่างมาก
การแปลงฟอนต์เดสก์ท็อปเพื่อประสิทธิภาพของเว็บ
หากเว็บไซต์ของคุณโหลดฟอนต์ TTF เดสก์ท็อปขนาด 150 KB ผู้เยี่ยมชมบนมือถืออาจพบข้อความที่มองไม่เห็นหรือเลย์เอาต์เลื่อนขณะดาวน์โหลด การแปลงเป็น WOFF2 จะช่วยลดขนาดไฟล์เหลือประมาณ 40 KB ทำให้แสดงผลไทโปกราฟีได้ทันที
อัปโหลด 0 ไบต์ไปยังเซิร์ฟเวอร์ภายนอก การประมวลผลทั้งหมดเกิดขึ้นภายในแซนด์บ็อกซ์ของเบราว์เซอร์ของคุณ