แปลง TTF เป็น WOFF
WOFF เป็นฟอร์แมตฟอนต์เว็บแรกที่เบราว์เซอร์หลักทุกตัวรองรับร่วมกัน และยังโหลดได้ในหลายที่ที่ WOFF2 ไปไม่ถึง แปลงไฟล์ TTF ได้ที่นี่เมื่อแพลตฟอร์ม ธีม หรือเครื่องอ่านกำหนดให้ใช้ไฟล์ .woff โดยเฉพาะ
แปลงไฟล์ฟอนต์
หรือลากไฟล์ TTF, OTF, WOFF … มาวางที่นี่ ·
สูงสุด 95 MB ต่อไฟล์· ได้สูงสุด 20 ไฟล์· ลบหลังจาก 30 นาที
ไฟล์จะถูกประมวลผลบนเซิร์ฟเวอร์ของเราและถูกลบหลังจาก 30 นาที
การลบชุดอักษรที่ไม่ได้ใช้สามารถลดเว็บฟอนต์จากหลายร้อย KB ให้เหลือต่ำกว่า 30 KB สำหรับฟอนต์ที่ติดตั้งบนคอมพิวเตอร์ควรเก็บอักขระไว้ทั้งหมด
วางข้อความหรืออักขระที่ฟอนต์ต้องรองรับ เช่น คำในโลโก้หรือพาดหัว ส่วนที่เหลือทั้งหมดจะถูกลบออก
ฮินต์ช่วยให้ข้อความขนาดเล็กคมชัดบนหน้าจอ Windows การลบฮินต์มักช่วยลดขนาดเว็บฟอนต์ได้ 10–30% ส่วนฮินต์อัตโนมัติจะเพิ่มฮินต์ให้ฟอนต์ที่ไม่มี
เว้นว่างไว้เพื่อคงชื่อเดิม การเปลี่ยนชื่อช่วยให้ติดตั้งฟอนต์ที่แปลงแล้วคู่กับฟอนต์ต้นฉบับได้โดยไม่ขัดแย้งกัน
เช่น Regular, Bold, Italic เว้นว่างไว้เพื่อคงชื่อสไตล์เดิม
วิธีใช้เครื่องมือนี้
- 1
เลือกไฟล์ฟอนต์ TTF
อัปโหลดไฟล์ TrueType ที่ต้องการใช้บนเว็บ ครั้งละไม่เกิน 20 ไฟล์ และแต่ละไฟล์ไม่เกิน 95 MB
- 2
ตรวจสอบว่าเลือก WOFF เป็นผลลัพธ์
ตัวเลือก แปลงเป็น ตั้งไว้ที่ WOFF อยู่แล้ว ติ๊ก รวม CSS @font-face ใต้ การตั้งค่าขั้นสูง หากต้องการกฎ CSS สำเร็จรูป และเลือกชุดย่อยใน อักขระที่เก็บไว้ หากฟอนต์ใช้กับเว็บไซต์ที่เขียนด้วยอักษรเพียงชุดเดียว
- 3
แปลงเป็น WOFF
กด แปลงเป็น WOFF ดาวน์โหลดไฟล์ .woff แล้วอัปโหลดไว้ข้างไฟล์สไตล์ชีต หรือในโฟลเดอร์ฟอนต์ของธีม
การแปลง TTF เป็น WOFF ไม่ได้เปลี่ยนกลีฟแม้แต่ตัวเดียว เพียงบีบอัดแต่ละตารางของฟอนต์ด้วย zlib เพิ่มส่วนหัวเล็ก ๆ แล้วได้ไฟล์ที่เบราว์เซอร์ตั้งแต่ Internet Explorer 9 โหลดผ่าน @font-face ได้
ใครที่ยังต้องแปลง TTF เป็น WOFF
WOFF ถูกเสนอในปี 2009 โดย Jonathan Kew จาก Mozilla ร่วมกับนักออกแบบตัวอักษร Tal Leming และ Erik van Blokland เปิดตัวครั้งแรกใน Firefox 3.6 ในปี 2010 และเป็นข้อแนะนำของ W3C ในเดือนธันวาคม 2012 เป้าหมายคือใช้งานได้จริง คือให้โรงหล่อฟอนต์มีฟอร์แมตสำหรับเว็บที่ไม่ใช่แค่ฟอนต์เดสก์ท็อปดิบวางไว้บนเซิร์ฟเวอร์ และให้เบราว์เซอร์มีฟอร์แมตเดียวที่ยอมรับร่วมกัน ภายในไม่กี่ปี Chrome, Safari และ Internet Explorer 9 ก็อ่านได้ทั้งหมด
ปัจจุบัน WOFF2 ทำหน้าที่เดียวกันด้วยขนาดที่เล็กกว่า WOFF จึงเหลืออยู่ในฐานะตัวสำรองและข้อกำหนดของระบบรุ่นเก่าเป็นหลัก ธีม WordPress เพจบิลเดอร์ และเทมเพลตอีคอมเมิร์ซบางแบบยังมีช่องอัปโหลดฟอนต์ที่รับเฉพาะ .woff อินทราเน็ตขององค์กรที่ใช้ Internet Explorer 11 อ่าน WOFF2 ไม่ได้เลย งานผลิตอีบุ๊กก็เป็นอีกกรณี เพราะ EPUB 3 รับ WOFF ส่วนการรองรับ WOFF2 ในแอปอ่านเพิ่งมีและยังไม่สม่ำเสมอ
IE 9–11เบราว์เซอร์ที่อ่าน WOFF ได้แต่ไม่เคยอ่าน WOFF2
ควรใส่ WOFF สำรองไว้คู่กับ WOFF2 หรือไม่
เหตุผลที่ควรเพิ่ม WOFF
- รองรับ Internet Explorer 9 ถึง 11 และเบราว์เซอร์ที่ออกก่อนที่ WOFF2 จะมา
- ใช้ได้กับช่องอัปโหลดของธีมและปลั๊กอินที่ระบุเฉพาะ .woff
- ผู้เข้าชมสมัยใหม่ไม่เสียอะไร เพราะจะดาวน์โหลดบรรทัด WOFF2 ก่อน
เหตุผลที่ไม่ต้องใช้
- ใหญ่กว่าฟอนต์เดียวกันใน WOFF2 ประมาณ 30%
- มีไฟล์เพิ่มอีกหนึ่งไฟล์ต่อน้ำหนักตัวอักษรที่ต้องอัปโหลด กำหนดเวอร์ชัน และล้างแคช
- เว็บไซต์สาธารณะส่วนใหญ่มีผู้เข้าชมที่ใช้เบราว์เซอร์รุ่นเก่าน้อยเกินกว่าจะสังเกตเห็น
การเพิ่มไฟล์ WOFF ลงใน @font-face
ระบุทั้งสองไฟล์ไว้ในประกาศ src เดียวกัน โดยใส่ .woff2 พร้อม format("woff2") ก่อน แล้วตามด้วย .woff พร้อม format("woff") คำใบ้ฟอร์แมตช่วยให้เบราว์เซอร์ข้ามไฟล์ที่ใช้ไม่ได้โดยไม่ต้องดาวน์โหลด หากยังต้องใช้ฟอนต์กับแอปเดสก์ท็อปหรือแบบร่างงานออกแบบ ให้เก็บ TTF ต้นฉบับไว้ การแปลงย้อนกลับด้วย WOFF เป็น TTF ทำได้ แต่ไม่ควรพึ่งวิธีนี้
มีสองตัวเลือกที่ควรดูก่อนกดแปลง อักขระที่เก็บไว้ ตัดฟอนต์ให้เหลือเฉพาะอักษรที่เว็บไซต์ของคุณใช้ ซึ่งมีผลต่อขนาดไฟล์มากกว่าการเลือกระหว่าง WOFF กับ WOFF2 ส่วน ฮินติ้ง ปล่อยไว้ที่เก็บไว้ได้สำหรับตัวสำรองที่มุ่งไปยัง Internet Explorer เพราะผู้ใช้กลุ่มนี้มีแนวโน้มใช้หน้าจอ Windows ซึ่งคำสั่ง TrueType ยังช่วยให้ตัวอักษรเล็กคมชัดขึ้น
TTF
ฟอนต์ TrueType
TTF เป็นรูปแบบฟอนต์ TrueType ที่ Apple พัฒนาขึ้นในช่วงปลายทศวรรษ 1980 และเปิดตัวในปี 1991 จากนั้นจึงให้สิทธิ์แก่ Microsoft นิยามโครงร่างของตัวอักษรด้วยเส้นโค้งกำลังสอง (quadratic) และมีคำสั่ง hinting ที่ช่วยให้ข้อความดูคมชัดบนหน้าจอ TrueType ได้รับการรองรับในทุกระบบปฏิบัติการเดสก์ท็อป โปรแกรมประมวลผลคำ และแอปออกแบบ แต่ขาดฟีเจอร์ตัวอักษรขั้นสูงบางอย่างของ OpenType และมีขนาดใหญ่กว่ารูปแบบเว็บฟอนต์
- การบีบอัด
- แบบไม่สูญเสียข้อมูล
- พื้นหลังโปร่งใส
- –
- ภาพเคลื่อนไหว
- –
- เปิดตัว
- 1991 · Apple
WOFF
Web Open Font Format
WOFF เป็นรูปแบบเว็บฟอนต์ที่ Mozilla, Opera และ Microsoft สร้างขึ้น และเผยแพร่เป็น W3C Recommendation ในปี 2012 ห่อข้อมูลฟอนต์ TrueType หรือ OpenType พร้อมการบีบอัดและเมตาดาตาเพื่อให้ดาวน์โหลดได้เร็วขึ้น เบราว์เซอร์ทุกตัวรองรับ WOFF แต่ส่วนใหญ่ถูกแทนที่ด้วย WOFF2 ซึ่งบีบอัดได้ดีกว่า ระบบปฏิบัติการเดสก์ท็อปติดตั้งฟอนต์ WOFF โดยตรงไม่ได้
- การบีบอัด
- แบบไม่สูญเสียข้อมูล
- พื้นหลังโปร่งใส
- –
- ภาพเคลื่อนไหว
- –
- เปิดตัว
- 2012 · W3C (Mozilla, Opera, Microsoft)
TTF เป็น WOFF บีบอัดฟอนต์เดสก์ท็อปให้อยู่ในคอนเทนเนอร์ฟอนต์เว็บรุ่นแรก ซึ่งสำคัญกับเบราว์เซอร์รุ่นเก่า แอปอ่านอีบุ๊ก และธีมที่ต้องการไฟล์ .woff แทน WOFF2
คำถามที่พบบ่อยเกี่ยวกับการแปลง TTF เป็น WOFF
เบราว์เซอร์รุ่นใหม่ยังรองรับ WOFF อยู่หรือไม่
ได้ เบราว์เซอร์รุ่นปัจจุบันทุกตัวอ่านได้ทั้ง WOFF และ WOFF2 การรองรับ WOFF 1.0 ไม่เคยถูกถอดออก เพียงแต่เมื่อกฎระบุไว้ทั้งสองแบบ เบราว์เซอร์จะเลือกใช้ WOFF2 ก่อน เพราะไฟล์เล็กกว่า
TTF กับ WOFF ไฟล์ไหนมีขนาดไฟล์เล็กกว่า
โดยทั่วไปคือ WOFF เพราะเก็บตารางข้อมูลชุดเดียวกันแต่บีบอัดด้วย zlib ซึ่งเป็นอัลกอริทึมเดียวกับที่ใช้ในไฟล์ ZIP ฟอนต์ข้อความทั่วไปจึงเล็กลงอย่างเห็นได้ชัด ส่วน WOFF2 ใช้ Brotli ซึ่งบีบได้มากกว่า จึงควรเลือก TTF เป็น WOFF2 เป็นอันดับแรกสำหรับเว็บไซต์ใหม่
ใช้ฟอนต์ WOFF ในไฟล์ EPUB ได้หรือไม่
ได้ EPUB 3 ระบุ WOFF เป็นชนิดฟอนต์หลักควบคู่กับ TrueType และ OpenType และ EPUB 3.2 เพิ่ม WOFF2 เข้ามาในปี 2019 แอปอ่านรุ่นเก่าอาจรู้จักเพียงสามชนิดแรก ดังนั้น WOFF หรือ TTF จึงเป็นตัวเลือกที่ปลอดภัยสำหรับหนังสือ
ควรเรียง WOFF และ WOFF2 ในรายการ src อย่างไร
WOFF2 ก่อน แล้วจึงตามด้วย WOFF เบราว์เซอร์จะไล่ตามรายการและดาวน์โหลดฟอร์แมตแรกที่รองรับ เบราว์เซอร์รุ่นใหม่จึงใช้ WOFF2 ส่วนรุ่นเก่าเท่านั้นที่ตกลงมาใช้บรรทัด WOFF
WOFF เก็บข้อมูลลิขสิทธิ์ของฟอนต์ไว้หรือไม่
ตาราง name ภายในฟอนต์ ซึ่งมักเก็บลิขสิทธิ์และ URL ของสัญญาอนุญาต จะถูกคัดลอกไปตามเดิม นอกจากนี้ WOFF ยังกำหนดบล็อกข้อมูลเมตาแบบเลือกใส่ได้สำหรับรายละเอียดสัญญาอนุญาต ซึ่งบางโรงหล่อฟอนต์ใส่ไว้ในไฟล์ WOFF ที่ตนเผยแพร่