TTF vs OTF vs WOFF: ฟอนต์แบบไหนใช้ติดตั้งหรือใช้บนเว็บ

ติดตั้ง TTF หรือ OTF บนคอมพิวเตอร์ และใช้ WOFF2 บนเว็บไซต์ TrueType และ OpenType เป็นฟอร์แมตสำหรับเดสก์ท็อปที่ทุกระบบปฏิบัติการอ่านได้ ส่วน WOFF และ WOFF2 คือข้อมูลฟอนต์ชุดเดียวกันที่บีบอัดไว้สำหรับดาวน์โหลด เบราว์เซอร์จะเลือก WOFF2 ก่อนเพราะมีขนาดไฟล์เล็กกว่าประมาณ 30%

Jonas Weberบรรณาธิการด้านประสิทธิภาพเว็บ

10 ก.ย. 2569อัปเดตเมื่อ 30 ก.ย. 256911 นาทีในการอ่าน

ชั้นและลิ้นชักที่เต็มไปด้วยตัวพิมพ์ไม้แบบเลตเตอร์เพรสเก่าหลากขนาดและหลากสี

Answer

ควรใช้ฟอนต์ฟอร์แมตไหนดี: TTF, OTF, WOFF หรือ WOFF2?

สำหรับคอมพิวเตอร์ ให้ติดตั้ง TTF หรือ OTF ซึ่งใช้ได้ทั้งบน Windows, macOS และ Linux ส่วนเว็บไซต์ ให้ใช้ WOFF2 เป็นอันดับแรก และใช้ WOFF เป็นตัวสำรองเท่านั้น ไฟล์ TTF หรือ OTF ดิบบนหน้าเว็บมีขนาดใหญ่กว่าที่จำเป็น 2–3 เท่า

TrueType, OpenType, WOFF และ WOFF2 อธิบายแบบเข้าใจง่าย

TrueType เป็นฟอร์แมตที่เก่าแก่ที่สุดในสี่ฟอร์แมตนี้ Apple เปิดตัวพร้อม System 7 ในปี 1991 และ Microsoft นำไปใช้กับ Windows 3.1 ในปีถัดมา ฟอนต์ TrueType วาดตัวอักษรทุกตัวด้วยเส้นโค้งกำลังสอง ซึ่งมีจุดควบคุมหนึ่งจุดต่อหนึ่งส่วนโค้ง และวาดได้เร็วบนฮาร์ดแวร์ยุคแรก นอกจากนี้ยังมีฮินติ้ง ซึ่งเป็นโปรแกรมเล็ก ๆ ในฟอนต์ที่ขยับเส้นและส่วนโค้งให้ตรงกับตารางพิกเซล ทำให้ตัวอักษรคมชัดบนหน้าจอความละเอียดต่ำ นามสกุล .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 และประมวลผลข้อมูลกลีฟล่วงหน้าก่อน ทำให้เล็กกว่า WOFF ราว 30% โดยทั่วไป ยังมีฟอร์แมตข้างเคียงอีกสามแบบ EOT เป็นฟอร์แมตเว็บเฉพาะของ Internet Explorer ฟอนต์ SVG เป็นทางออกชั่วคราวในยุคแรกที่ใช้ได้เฉพาะ Safari และฟอนต์ตัวแปรที่เพิ่มเข้ามาใน OpenType 1.8 ปี 2016 รวมน้ำหนักหรือความกว้างหลายระดับไว้ในไฟล์เดียว

1991
TrueType
Apple เปิดตัวเส้นโครงร่างกำลังสองและฮินติ้งพร้อม System 7 และ Windows 3.1 ตามมาในปี 1992
1996
OpenType
Microsoft และ Adobe ประกาศคอนเทนเนอร์เดียวสำหรับเส้นโครงร่าง TrueType หรือ CFF พร้อมฟีเจอร์การจัดวาง
2012
WOFF 1.0
ร่างในปี 2009 และเป็นข้อเสนอแนะของ W3C: ตารางชุดเดิมที่บีบอัดด้วย zlib
2016
ฟอนต์ตัวแปร
OpenType 1.8 ทำให้ไฟล์เดียวมีแกนน้ำหนัก ความกว้าง หรือความเอียงแบบต่อเนื่องได้
2018
WOFF2
ข้อเสนอแนะของ W3C ที่ใช้ Brotli โดยทั่วไปเล็กกว่า WOFF ราว 30%

ควรติดตั้งฟอนต์ฟอร์แมตไหนบนคอมพิวเตอร์

ติดตั้ง TTF หรือ OTF ได้เลยโดยไม่ต้องกังวลว่าต่างกันอย่างไร Windows 10 และ 11 ติดตั้งได้ทั้งสองแบบด้วยการคลิกขวาแล้วเลือก Install 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 เช่น Android WebView รุ่นเก่าหรือเบราว์เซอร์บนทีวี เบราว์เซอร์จะไล่ดูรายการ src ตามลำดับและดาวน์โหลดฟอร์แมตแรกที่รองรับ ดังนั้นตัวสำรองจึงไม่ทำให้ผู้เข้าชมที่ใช้เบราว์เซอร์ใหม่เสียอะไรเลย หากมีไฟล์ TrueType สำหรับเดสก์ท็อปอยู่แล้ว TTF to 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;
}

ขนาดไฟล์ฟอนต์โดยทั่วไป และทำไมการทำซับเซ็ตจึงสำคัญ

ฟอนต์ข้อความละติน 1 น้ำหนักที่บันทึกเป็น WOFF2 มักมีขนาด 20–60 KB ฟอนต์เดียวกันแบบ TTF ที่ไม่บีบอัดมักใหญ่กว่าสองถึงสามเท่า และตระกูลที่รองรับกรีก ซิริลลิก และเวียดนามด้วยอาจเกิน 200 KB ต่อสไตล์ ฟอนต์จีน ญี่ปุ่น และเกาหลีอยู่คนละระดับ น้ำหนักเต็มของ CJK มีกลีฟหลายหมื่นตัวและมักมีขนาดหลายเมกะไบต์แม้บีบอัดเป็น WOFF2 แล้ว ซึ่งมากเกินไปที่จะโหลดก่อนหน้าเว็บแสดงข้อความได้

การทำซับเซ็ตจะตัดอักขระที่หน้าเว็บไม่เคยใช้ออก และ unicode-range จะบอกเบราว์เซอร์ว่าไฟล์ครอบคลุมอักขระใดบ้าง เบราว์เซอร์จึงดาวน์โหลดไฟล์นั้นเมื่อหน้าเว็บมีอักขระเหล่านั้นจริงเท่านั้น Google Fonts ใช้วิธีนี้กับ CJK โดยแบ่งแต่ละตระกูลเป็นชิ้นเล็ก ๆ จำนวนมากที่โหลดเมื่อต้องใช้ สำหรับฟอนต์ของคุณเอง ตัวเลือก อักขระที่เก็บไว้ ในตัวแปลงฟอนต์ จะตัดไฟล์ให้เหลือ Latin + accents หรือ เฉพาะอักขระที่พิมพ์เอง ก่อนถึงเซิร์ฟเวอร์ของคุณ ส่วนฟอนต์ที่ติดตั้งบนคอมพิวเตอร์ให้เลือก อักขระทั้งหมด

ฟอนต์ข้อความละตินทั่วไป 1 น้ำหนักในรูป WOFF2: 20–60 KB
WOFF2 เล็กลงกว่า WOFF โดยทั่วไป: ≈ 30%
น้ำหนักเต็มของ CJK โดยทั่วไป แม้เป็น WOFF2: หลาย MB

แปลงฟอนต์ระหว่างฟอร์แมต และสิ่งที่อาจเสียหาย

การแปลง TTF เป็น OTF และกลับกันสำหรับฟอนต์แบบ TrueType เป็นเพียงการเปลี่ยนคอนเทนเนอร์ ตารางเส้นโครงร่าง ค่าเมตริก และฟีเจอร์การจัดวางย้ายไปครบโดยไม่เปลี่ยนแปลง กรณีที่น่าสนใจคือ OTF แบบ CFF ที่แปลงเป็น TTF เส้นโค้งกำลังสามคัดลอกลงฟอร์แมตเส้นโครงร่างกำลังสองไม่ได้ จึงต้องวาดแต่ละเส้นใหม่เป็นส่วนโค้งกำลังสองหนึ่งส่วนขึ้นไปภายในค่าคลาดเคลื่อนที่เล็กกว่าหนึ่งพิกเซลมาก ฮินต์ของ PostScript ก็แปลไปไม่ได้เช่นกัน เครื่องมือแปลง OTF เป็น TTF จึงมีตัวเลือก ฮินติ้ง ให้เลือกเก็บไว้ ลบออก หรือ ฮินต์อัตโนมัติ

การแปลงจากเว็บกลับมาเดสก์ท็อปเป็นกรณีที่พบบ่อยที่สุด คุณดาวน์โหลดธีมหรือชุดออกแบบมาแล้วพบแต่ไฟล์ .woff หรือ .woff2 แต่ต้องใช้ฟอนต์ใน Word หรือ Figma WOFF to TTF จะถอดการบีบอัดและเขียนตารางเดิมกลับออกมา กลีฟ การจัดระยะ และฟีเจอร์จึงออกมาเหมือนตอนที่ใส่เข้าไป สิ่งที่กู้คืนไม่ได้คือสิ่งที่เวอร์ชันเว็บตัดทิ้งไปแล้ว เช่นอักขระที่ถูกตัดด้วยซับเซ็ต หรือฮินต์ที่ลบออกเพื่อประหยัดไบต์

ปัญหาจากการแปลงส่วนใหญ่มาจากสามเรื่อง ได้แก่ฮินติ้ง ฟีเจอร์การจัดวาง และแกนของฟอนต์ตัวแปร รายการด้านล่างสรุปอาการที่มักพบหลังแปลงและสาเหตุที่พบบ่อยของแต่ละอาการ

ตัวอักษรเล็กดูพร่าหรือไม่สม่ำเสมอบน Windows หลังแปลง
ฮินต์เดิมถูกลบหรือย้ายมาไม่ได้ ให้แปลงใหม่โดยตั้ง ฮินติ้ง เป็น ฮินต์อัตโนมัติ บนหน้าจอ Retina และโทรศัพท์แทบมองไม่เห็นความต่าง
ลิเกเจอร์ สมอลแคป หรือชุดสไตล์ใช้งานไม่ได้
แอปอาจไม่รองรับฟีเจอร์ OpenType หรือขั้นตอนซับเซ็ตตัดกลีฟทางเลือกที่ฟีเจอร์เหล่านั้นอ้างถึงออกไป ให้แปลงไฟล์ต้นฉบับด้วย อักขระทั้งหมด และตรวจว่าแอปมีแผงตัวอักษรหรือ OpenType
ฟอนต์ตัวแปรแสดงน้ำหนักเดียว
เครื่องมือบางตัวทำให้ฟอนต์ตัวแปรกลายเป็นอินสแตนซ์คงที่เพียงตัวเดียว ให้เก็บต้นฉบับที่เป็นฟอนต์ตัวแปรไว้ และตรวจว่าผลลัพธ์มีรายการแกนก่อนลบไฟล์ต้นฉบับ
ฟอนต์ที่แปลงแล้วปรากฏซ้ำสองครั้งในเมนูฟอนต์
ทั้งสองเวอร์ชันใช้ชื่อตระกูลภายในเดียวกัน ให้ถอนการติดตั้งไฟล์เก่า หรือตั้ง ชื่อตระกูลฟอนต์ ใหม่ใน การตั้งค่าขั้นสูง ก่อนแปลง

ตรวจสอบฟอนต์ก่อนนำไปใช้หรือแปลง

ไฟล์ฟอนต์เป็นเหมือนฐานข้อมูลขนาดเล็ก และมีสามส่วนที่ตอบคำถามได้เกือบทั้งหมด ตาราง name เก็บชื่อฟอนต์แฟมิลี ชื่อสไตล์ เวอร์ชัน บรรทัดลิขสิทธิ์ และมักมี URL ของสัญญาอนุญาต โดย Font Book บน macOS แสดงข้อมูลนี้ในมุมมองข้อมูล ส่วนตัวอย่างฟอนต์ของ Windows แสดงบรรทัดแรก ๆ ความครอบคลุมของกลีฟบอกว่าฟอนต์จัดภาษาใดได้บ้าง ฟอนต์ที่มีเฉพาะอักษรละตินจะสลับไปใช้ตัวอักษรอื่นโดยไม่แจ้งเมื่อพบอักขระภาษาโปแลนด์ ตุรกี หรือเวียดนามที่ไม่มีในฟอนต์ สำหรับฟอนต์แบบ variable ตาราง fvar จะแสดงรายการแกน เช่น น้ำหนักตั้งแต่ 100 ถึง 900 หรือความกว้างตั้งแต่ 75 ถึง 125

ควรตรวจสัญญาอนุญาตสักครั้งก่อนนำขึ้นออนไลน์ ผู้ผลิตฟอนต์เชิงพาณิชย์มักขายสัญญาอนุญาตแยกกันสำหรับเดสก์ท็อป เว็บ และแอป สัญญาแบบเดสก์ท็อปมักครอบคลุมการติดตั้งบนคอมพิวเตอร์ตามจำนวนที่กำหนด แต่ไม่ครอบคลุมการให้ผู้เข้าชมเว็บไซต์ดาวน์โหลดไฟล์ หรือการฝังในแอปมือถือ การแปลงฟอนต์เปลี่ยนเพียงรูปแบบไฟล์ ไม่เปลี่ยนสัญญาอนุญาต ดังนั้น WOFF2 ที่ทำจาก TTF แบบเดสก์ท็อปจึงมีเงื่อนไขเดียวกับ TTF นั้น ฟอนต์ภายใต้ SIL Open Font License ซึ่งครอบคลุมฟอนต์ส่วนใหญ่ใน Google Fonts สามารถแปลง แยกชุดอักขระ และโฮสต์เองได้

ชื่อฟอนต์แฟมิลีและชื่อสไตล์ในตาราง name ถูกต้อง
หมายเลขเวอร์ชันตรงกับรุ่นที่ต้องการใช้
ทุกภาษาที่ข้อความของคุณใช้มีอักขระที่มีเครื่องหมายและอักขระพิเศษครบ
ฟอนต์แบบ variable ยังคงมีแกนน้ำหนักหรือความกว้าง
สัญญาอนุญาตครอบคลุมการใช้งาน: เดสก์ท็อป เว็บไซต์ แอป หรือการฝังในเอกสาร

ตารางช่วยเลือก: ฟอร์แมตฟอนต์ที่เหมาะกับแต่ละงาน

คำถามเรื่องฟอนต์ส่วนใหญ่ขึ้นอยู่กับว่าไฟล์จะอยู่ที่ใด หากติดตั้งในคอมพิวเตอร์หรือแพ็กในแอป ให้ใช้ TrueType หรือ OpenType หากเบราว์เซอร์เป็นผู้ดาวน์โหลด ให้ใช้รูปแบบเว็บที่บีบอัดแล้ว ตารางนี้จับคู่งานที่พบบ่อยกับรูปแบบที่ควรเลือกและการแปลงที่ใช้ จึงข้ามประวัติความเป็นมาไปดูไฟล์ที่ต้องการได้เลย

มีสองงานที่อยู่คาบเกี่ยวระหว่างหมวด EPUB 3 รองรับ TTF, OTF และ WOFF อีบุ๊กจึงใช้ได้ทั้งสองตระกูล ส่วนไฟล์ฟอนต์ SVG อยู่ในสายเดียวกับกราฟิกเวกเตอร์ แต่ปัจจุบันสำคัญเฉพาะกับซอฟต์แวร์พล็อตเตอร์และงานแกะสลักบางตัว ไม่ใช่เบราว์เซอร์

เลือกฟอนต์ฟอร์แมตใดตามลักษณะงาน
งาน	ฟอร์แมตที่ควรใช้	ถ้าคุณมีเพียง	แปลง
ติดตั้งบน Windows, macOS หรือ Linux	TTF หรือ OTF	WOFF หรือ WOFF2	WOFF → TTF
ซอฟต์แวร์ที่ไม่รับ OTF ของคุณ	TTF	OTF แบบ CFF	OTF → TTF
ฟอนต์เว็บไซต์ที่โฮสต์เอง	WOFF2	TTF หรือ OTF	TTF → WOFF2
ตัวสำรองสำหรับเบราว์เซอร์รุ่นเก่ามาก	WOFF	TTF	TTF → WOFF
เว็บไซต์ภาษาจีน ญี่ปุ่น หรือเกาหลี	WOFF2 ที่แยกชุดอักขระเป็นส่วน ๆ	TTF หรือ OTF ฉบับเต็ม	แยกชุดอักขระ แล้วแปลงเป็น WOFF2
หลายน้ำหนักในไฟล์เดียว	TTF หรือ WOFF2 แบบ variable	TTF แบบ variable	คงแกนไว้ขณะแปลง
อีบุ๊ก (EPUB 3)	TTF, OTF หรือ WOFF	WOFF2	WOFF2 → TTF

สรุปสิ่งสำคัญ

ติดตั้ง TTF หรือ OTF บนคอมพิวเตอร์ ใช้ได้ทั้งบน Windows, macOS และ Linux
ให้บริการ WOFF2 เป็นอันดับแรกบนเว็บไซต์ เพิ่ม WOFF เฉพาะสำหรับเบราว์เซอร์รุ่นเก่ามาก และตั้งค่า font-display: swap
WOFF และ WOFF2 เป็นรูปแบบห่อหุ้มที่บีบอัดแล้ว การแปลงเป็นสองรูปแบบนี้จึงเปลี่ยนขนาดการดาวน์โหลด ไม่ได้เปลี่ยนตัวอักษร
แยกชุดอักขระตามระบบการเขียนและ unicode-range โดยเฉพาะฟอนต์ CJK ที่มีขนาดหลายเมกะไบต์
การแปลงเปลี่ยนเพียงรูปแบบไฟล์ ไม่เปลี่ยนสัญญาอนุญาต และอาจทำให้ hinting หรือแกน variable หายไปหากไม่ระวัง

แชร์X Facebook WhatsApp Telegram

คำถามที่พบบ่อย

OTF มีคุณภาพดีกว่า TTF หรือไม่

ไม่ต่างในระดับที่มองเห็นได้ที่ขนาดปกติ เส้นโค้งแบบ cubic และ quadratic วาดรูปตัวอักษรเดียวกันได้ และทั้งสองรูปแบบมีฟีเจอร์ OpenType เหมือนกัน ไฟล์ OTF มักเป็นงานวาดต้นฉบับของนักออกแบบ ซึ่งเป็นเหตุผลเดียวที่ใช้ได้จริงในการเลือกใช้

ทำไมฟอนต์ที่ดาวน์โหลดมาจึงเป็นไฟล์ ZIP ที่มี TTF, WOFF และ WOFF2 อยู่ข้างใน

ผู้ขายให้ไฟล์มาหนึ่งไฟล์ต่อหนึ่งงาน ให้ติดตั้ง TTF ในคอมพิวเตอร์ และอัปโหลด WOFF2 ขึ้นเว็บไซต์ พร้อม WOFF หากต้องการตัวสำรอง

WOFF2 ใช้ในอีเมลได้หรือไม่

ได้เพียงบางส่วน Apple Mail และ iOS Mail โหลดเว็บฟอนต์จากสไตล์ชีตที่ลิงก์ไว้ ส่วน Gmail และ Outlook บน Windows ไม่สนใจฟอนต์กำหนดเองและแสดงฟอนต์สำรอง ดังนั้นควรปิดท้ายรายการ font-family ด้วยฟอนต์ระบบที่ปลอดภัยเสมอ

ใช้ไฟล์ TTC บนเว็บไซต์ได้หรือไม่

ไม่ได้โดยตรง เบราว์เซอร์ต้องการหนึ่งฟอนต์ต่อหนึ่งไฟล์ จึงต้องดึงฟอนต์แต่ละตัวออกจากคอลเลกชันก่อน แล้วแปลงแต่ละตัวเป็น WOFF2

Variable Font ใช้แทนไฟล์แยกตามน้ำหนักได้หรือไม่

มักจะใช่ WOFF2 แบบ variable ที่ครอบคลุมน้ำหนัก 100 ถึง 900 มักเล็กกว่าฟอนต์แบบคงที่สี่น้ำหนักขึ้นไปรวมกัน และเบราว์เซอร์ปัจจุบันทุกตัวรองรับ แต่ถ้าใช้เพียงหนึ่งหรือสองน้ำหนัก ไฟล์แบบคงที่ก็อาจเบากว่า

ยังควรสร้างฟอนต์ EOT และ SVG อยู่หรือไม่

แทบไม่จำเป็น EOT สำคัญเฉพาะกับ Internet Explorer 8 และรุ่นก่อนหน้า ส่วนฟอนต์ SVG ถูก Chrome และ Firefox รุ่นปัจจุบันเพิกเฉย จึงควรสร้างเฉพาะสำหรับระบบเก่าหรือซอฟต์แวร์ที่อ่านได้