แปลงฟอนต์

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

หรือลากไฟล์ TTF, OTF, WOFF … มาวางที่นี่ ·

สูงสุด 95 MB ต่อไฟล์· ได้สูงสุด 20 ไฟล์· ลบหลังจาก 30 นาที

ผลลัพธ์

แปลงเป็น

ไฟล์จะถูกประมวลผลบนเซิร์ฟเวอร์ของเราและถูกลบหลังจาก 30 นาที

อักขระ

อักขระที่เก็บไว้

การลบชุดอักษรที่ไม่ได้ใช้สามารถลดเว็บฟอนต์จากหลายร้อย KB ให้เหลือต่ำกว่า 30 KB สำหรับฟอนต์ที่ติดตั้งบนคอมพิวเตอร์ควรเก็บอักขระไว้ทั้งหมด

การแสดงผลและเว็บ

ฮินติ้ง

ฮินต์ช่วยให้ข้อความขนาดเล็กคมชัดบนหน้าจอ Windows การลบฮินต์มักช่วยลดขนาดเว็บฟอนต์ได้ 10–30% ส่วนฮินต์อัตโนมัติจะเพิ่มฮินต์ให้ฟอนต์ที่ไม่มี

รวม CSS @font-face

เพิ่มไฟล์ .css ที่มีกฎ @font-face พร้อมวางใช้งาน ซึ่งชี้ไปยังฟอนต์ที่แปลงแล้ว

ชื่อฟอนต์

ชื่อตระกูลฟอนต์

เว้นว่างไว้เพื่อคงชื่อเดิม การเปลี่ยนชื่อช่วยให้ติดตั้งฟอนต์ที่แปลงแล้วคู่กับฟอนต์ต้นฉบับได้โดยไม่ขัดแย้งกัน

ชื่อสไตล์

เช่น Regular, Bold, Italic เว้นว่างไว้เพื่อคงชื่อสไตล์เดิม

วิธีใช้เครื่องมือนี้

1
เพิ่มไฟล์ฟอนต์
วางฟอนต์ได้สูงสุด 20 ไฟล์ ไฟล์ละไม่เกิน 95 MB ผสม TTF, OTF, WOFF, WOFF2, EOT, ฟอนต์ SVG, ชุดฟอนต์ TTC, ไฟล์ dfont ของ Mac และไฟล์ Type 1 PFB/PFM/AFM ในชุดเดียวกันได้
2
เลือกฟอร์แมตปลายทาง
แปลงเป็น ตั้งต้นที่ WOFF2 ซึ่งเป็นฟอร์แมตที่เล็กที่สุดสำหรับเว็บไซต์ เลือก TTF หรือ OTF หากต้องการติดตั้งฟอนต์บน Windows หรือ macOS เปิด การตั้งค่าขั้นสูง เพื่อเลือกเก็บเฉพาะอักขระ ปรับ ฮินติ้ง เปลี่ยนชื่อตระกูลฟอนต์ หรือเพิ่ม รวม CSS @font-face
3
แปลงและดาวน์โหลด
กด แปลงเป็น WOFF2 (ป้ายปุ่มจะเปลี่ยนตามที่คุณเลือก) แล้วบันทึกไฟล์ทีละไฟล์หรือเป็น ZIP ฟอนต์ที่อัปโหลดและผลลัพธ์จะถูกลบออกจากเซิร์ฟเวอร์หลังผ่านไป 30 นาที

เครื่องมือแปลงฟอนต์ทำอะไรได้บ้าง

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

1TTF หรือ OTF → ติดตั้งบน Windows, macOS, Linux และในแอปออกแบบ
2WOFF2 หรือ WOFF → โหลดบนเว็บไซต์ด้วย @font-face
3EOT และ SVG → ใช้กับเบราว์เซอร์และเครื่องมือรุ่นเก่าเท่านั้น

ฟอนต์สำหรับคอมพิวเตอร์และเว็บฟอนต์: TTF, OTF, WOFF และ WOFF2

TrueType มาจาก Apple และมากับ System 7 ในปี 1991 Microsoft รับอนุญาตใช้สำหรับ Windows 3.1 ในอีกหนึ่งปีต่อมา OpenType ซึ่ง Microsoft และ Adobe ประกาศในปี 1996 ขยายความสามารถด้วยเส้นโครง PostScript และฟีเจอร์ด้านการพิมพ์ และปัจจุบันเผยแพร่เป็นมาตรฐาน ISO/IEC 14496-22 Open Font Format ด้วย ฟอนต์ทุกตัวที่ติดตั้งบนคอมพิวเตอร์ในปัจจุบันเป็นหนึ่งในสองแบบนี้ บันทึกเป็น .ttf หรือ .otf

เว็บฟอนต์คือข้อมูลชุดเดียวกันที่บีบอัดสำหรับดาวน์โหลด WOFF 1.0 เป็น W3C Recommendation ในปี 2012 และบีบอัดแต่ละตารางของฟอนต์ด้วย zlib ต่อมา WOFF2 เป็น W3C Recommendation ในปี 2018 โดยใช้ Brotli ร่วมกับขั้นตอนประมวลผลล่วงหน้าสำหรับข้อมูลกลิฟ และจากการวัดของ Google เล็กกว่า WOFF ประมาณ 30% Chrome, Edge, Firefox และ Safari ทุกเวอร์ชันปัจจุบันอ่าน WOFF2 ได้ จึงเป็นเหตุผลที่ แปลงเป็น ตั้งต้นที่ตัวนี้

หากคุณมี WOFF2 จากเว็บไซต์และต้องใช้ใน Word, Figma หรือ Photoshop ให้แปลงย้อนกลับด้วย WOFF เป็น TTF หรือ WOFF2 เป็น TTF ส่วนเว็บไซต์ที่โฮสต์เอง TTF เป็น WOFF2 คือการแปลงที่คุณต้องการในเกือบทุกกรณี

from ↓ · to →	TTF	OTF	WOFF	WOFF2	EOT	SVG
TTF	TTF to TTF: yes	TTF to OTF: yes	TTF to WOFF: yes	TTF to WOFF2: yes	TTF to EOT: yes	TTF to SVG: yes
OTF	OTF to TTF: yes	OTF to OTF: yes	OTF to WOFF: yes	OTF to WOFF2: yes	OTF to EOT: yes	OTF to SVG: yes
WOFF	WOFF to TTF: yes	WOFF to OTF: yes	WOFF to WOFF: yes	WOFF to WOFF2: yes	WOFF to EOT: yes	WOFF to SVG: yes
WOFF2	WOFF2 to TTF: yes	WOFF2 to OTF: yes	WOFF2 to WOFF: yes	WOFF2 to WOFF2: yes	WOFF2 to EOT: yes	WOFF2 to SVG: yes
EOT	EOT to TTF: yes	EOT to OTF: yes	EOT to WOFF: yes	EOT to WOFF2: yes	EOT to EOT: yes	EOT to SVG: yes
SVG	SVG to TTF: yes	SVG to OTF: yes	SVG to WOFF: yes	SVG to WOFF2: yes	SVG to EOT: yes	SVG to SVG: yes
TTC	TTC to TTF: yes	TTC to OTF: yes	TTC to WOFF: yes	TTC to WOFF2: yes	TTC to EOT: yes	TTC to SVG: yes
PFB	PFB to TTF: yes	PFB to OTF: yes	PFB to WOFF: yes	PFB to WOFF2: yes	PFB to EOT: yes	PFB to SVG: yes

supported not offeredไฟล์นำเข้าทุกแบบแปลงเป็นผลลัพธ์ได้ทุกแบบ ชุดฟอนต์ TTC จะถูกแยกให้สมาชิกแต่ละตัวเป็นไฟล์ของตัวเอง ฟอนต์ Type 1 ต้องใช้ PFB พร้อมไฟล์เมตริก PFM หรือ AFM และรองรับไฟล์ dfont ด้วย

อธิบายตัวเลือกการตัดชุดอักขระ (subsetting), hinting และ @font-face

ทุกการตั้งค่าใน การตั้งค่าขั้นสูง และเมื่อใดที่ควรเปลี่ยน
การตั้งค่า	ตัวเลือก	ทำอะไร	ควรเปลี่ยนเมื่อ
อักขระที่เก็บไว้	อักขระทั้งหมด, Basic Latin, ละติน + เครื่องหมายกำกับ, ซิริลลิก, กรีก, เวียดนาม, เฉพาะอักขระที่พิมพ์เอง	ลบกลิฟที่อยู่นอกชุดอักษรที่เลือก	ฟอนต์ใช้กับเว็บไซต์ที่ใช้อักษรหนึ่งหรือสองชุด
อักขระที่จะเก็บ	ข้อความอิสระ สูงสุด 5,000 อักขระ	เก็บเฉพาะตัวอักษรที่คุณวาง	โลโก้ พาดหัว หรือตัวเลขที่แสดงผล ต้องการกลิฟเพียงไม่กี่ตัว
คงลิเกเจอร์และ kerning	เปิด (ค่าเริ่มต้น) หรือปิด	คงลิเกเจอร์ fi/fl และคู่ kerning ของตัวอักษรที่เหลือ	คุณต้องการลดอีกไม่กี่ KB และยอมรับระยะห่างที่หลวมขึ้น
ฮินติ้ง	คงไว้, ลบออก, ฮินต์อัตโนมัติ	คง ลบ หรือสร้างคำสั่งที่จัดเส้นโครงให้ตรงกับกริดพิกเซล	ลบออกสำหรับเว็บฟอนต์บนหน้าจอความหนาแน่นสูง ฮินต์อัตโนมัติสำหรับฟอนต์ที่ไม่มีฮินต์บน Windows
รวม CSS @font-face	เปิดหรือปิด	เพิ่มไฟล์ .css ที่มีกฎพร้อมใช้ชี้ไปยังฟอนต์	คุณนำฟอนต์ไปใส่ในเว็บไซต์ด้วยตนเอง
ชื่อตระกูลฟอนต์ / ชื่อสไตล์	ไม่เกิน 63 อักขระต่อช่อง	เขียนชื่อที่เก็บอยู่ภายในฟอนต์ใหม่	ฟอนต์ที่แปลงแล้วต้องติดตั้งควบคู่กับต้นฉบับได้

การเก็บเฉพาะอักขระช่วยลดขนาดไฟล์ได้มากที่สุด ตระกูลฟอนต์ที่ครอบคลุมละติน กรีก ซิริลลิก และเวียดนามอาจมีกลิฟเกิน 1,000 ตัว ส่วนเว็บไซต์ภาษาอังกฤษอย่างเดียวใช้ไม่ถึง 100 ตัว ละติน + เครื่องหมายกำกับ เป็นตัวเลือกที่ปลอดภัยสำหรับภาษาในยุโรปตะวันตกและกลาง เพราะเพิ่มอักขระเช่น é, ñ, ø และ ł ที่ Basic Latin ไม่มี ให้ใช้ อักขระทั้งหมด กับฟอนต์ที่ติดตั้งบนคอมพิวเตอร์ เพราะกลิฟที่ขาดไปจะกลายเป็นกล่องว่างในภายหลัง

ฮินติ้งสำคัญที่สุดบนหน้าจอ Windows ความละเอียดต่ำ บนโทรศัพท์และจอ Retina แทบไม่เห็นผล การลบออกจึงมักลดขนาดเว็บฟอนต์ได้ 10 ถึง 30% ผลลัพธ์แบบ SVG ไม่สนใจทั้งตัวเลือกฮินติ้งและการเก็บเฉพาะอักขระ เพราะฟอนต์ SVG เก็บเป็นเส้นโครงแบบพาธธรรมดา ตัวเลือก CSS ใช้ได้กับเป้าหมาย WOFF, WOFF2, EOT และ TTF

ตรวจสอบสัญญาอนุญาตฟอนต์ก่อนแปลง

แปลงเฉพาะฟอนต์ที่คุณได้รับอนุญาตให้ใช้ อ่าน EULA ที่มากับฟอนต์เพื่อหาคำว่า "web" "embedding" หรือ "self-hosting"
สัญญาอนุญาตเดสก์ท็อปแทบไม่ครอบคลุมการนำฟอนต์ขึ้นเว็บไซต์สาธารณะ เพราะผู้เข้าชมทุกคนดาวน์โหลดเว็บฟอนต์ได้
ฟอนต์ SIL Open Font License แปลงและให้บริการได้อย่างเสรี แต่ฟอนต์ที่มี Reserved Font Name ห้ามใช้ชื่อนั้นต่อหลังแก้ไข และ OFL FAQ ถือว่าการเก็บเฉพาะอักขระเป็นการแก้ไข กรอก ชื่อตระกูลฟอนต์ เพื่อเปลี่ยนชื่อ
ฟอนต์ที่มากับ Windows หรือ macOS ได้รับอนุญาตให้ใช้บนระบบนั้น ไม่ใช่เพื่อแจกจ่ายต่อเป็นเว็บฟอนต์
เก็บไฟล์ต้นฉบับไว้ ตัวแปลงไม่แก้ไขไฟล์ที่คุณอัปโหลด แต่สำเนาที่เปลี่ยนชื่อหรือตัดอักขระไม่ใช่สิ่งทดแทนต้นฉบับที่ได้รับอนุญาต

ทำให้ฟอนต์ที่แปลงแล้วติดตั้งและโหลดได้

ควรทำ	ไม่ควรทำ
เลือก ละติน + เครื่องหมายกำกับ ชุดอักษรที่ต้องการ หรือ อักขระทั้งหมด เมื่อตัวอักษรขึ้นเป็นกล่อง หากใช้ เฉพาะอักขระที่พิมพ์เอง ให้ใส่เครื่องหมายวรรคตอนและตัวเลขด้วย	ดับเบิลคลิกไฟล์ WOFF, WOFF2 หรือ SVG เพื่อติดตั้ง Windows จะแจ้งว่าไม่ใช่ฟอนต์ที่ถูกต้อง
แปลงเป็น TTF หรือ OTF สำหรับฟอนต์ที่ติดตั้งบน Windows เพราะเป็นเพียงฟอร์แมตที่ตัวติดตั้งของระบบรับ	คงชื่อตระกูลฟอนต์ภายในเดิมไว้ในสำเนาที่แก้ไข ไม่เช่นนั้นจะไปแทนที่ต้นฉบับในเมนูฟอนต์
ตั้ง ชื่อตระกูลฟอนต์ เป็นชื่อประมาณ "Inter Web" เพื่อให้สำเนาที่แปลงแล้วติดตั้งควบคู่กับต้นฉบับได้	ลบฮินต์ออกจากฟอนต์ที่จะอ่านในขนาดเล็กบนพีซี Windows รุ่นเก่า
ใช้ คงไว้ กับฟอนต์ที่มีฮินต์แบบทำมือที่ดี และ ฮินต์อัตโนมัติ กับฟอนต์ที่ไม่เคยมีฮินต์	ให้บริการเว็บฟอนต์จากต่างต้นทางโดยไม่มีเฮดเดอร์ CORS เบราว์เซอร์จะดาวน์โหลดแล้วเพิกเฉย
ให้พาธ `src` และ `format("woff2")` ในกฎ @font-face ตรงกับไฟล์ที่คุณอัปโหลด

คำถามเกี่ยวกับการแปลงฟอนต์

แปลงฟอนต์ที่ซื้อมาถูกกฎหมายหรือไม่

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

TTF กับ OTF ต่างกันอย่างไร

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

แปลงฟอนต์เป็น WOFF2 แล้วคุณภาพลดลงหรือไม่

ไม่ WOFF2 เป็นเพียงตัวห่อแบบบีบอัดของข้อมูล TrueType หรือ OpenType เดิม และเบราว์เซอร์จะคลายกลับเป็นเส้นโครงต้นฉบับ กลิฟ การจัดระยะตัวอักษร (kerning) และฟีเจอร์ต่าง ๆ ยังเหมือนเดิม มีเพียงขนาดดาวน์โหลดที่เล็กลง

ติดตั้งไฟล์ WOFF หรือ WOFF2 ลงในคอมพิวเตอร์ได้หรือไม่

Windows และ macOS ไม่ติดตั้ง WOFF หรือ WOFF2 โดยตรง ให้แปลงเป็น TTF หรือ OTF ก่อนด้วย WOFF2 เป็น TTF แล้วดับเบิลคลิกไฟล์ผลลัพธ์เพื่อติดตั้ง

เว็บไซต์ยังต้องใช้ฟอนต์ EOT หรือ SVG อยู่หรือไม่

จำเป็นเฉพาะเบราว์เซอร์รุ่นเก่ามาก EOT จำเป็นสำหรับ Internet Explorer 6 ถึง 8 ส่วน IE 9 อ่าน WOFF ได้แล้ว ฟอนต์ SVG ถูก Chrome ตัดออกในปี 2014 และไม่เคยมีใน Firefox ดังนั้นกฎ @font-face สมัยใหม่ใช้ WOFF2 อย่างเดียวก็พอ โดยมี WOFF เป็นตัวสำรองหากต้องการ

ทำไมเว็บฟอนต์ที่แปลงแล้วยังมีขนาดไฟล์หลายร้อย KB

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

แปลงฟอนต์แบบ Variable ได้หรือไม่

ได้ การแปลง TTF แบบ variable เป็น WOFF2 จะคงแกนต่าง ๆ ไว้ ไฟล์เดียวจึงยังครอบคลุมทุกน้ำหนัก การเก็บเฉพาะอักขระก็คงแกนไว้เช่นกัน มีเพียงอักขระที่ถูกลบออกเท่านั้นที่หายไป

แปลงไฟล์ซับไตเติล	แปลงไฟล์ CAD	แปลงไฟล์รูปภาพ
แปลงพิกเซลเป็นเซนติเมตร

รวมทุกเครื่องมือ แปลงฟอนต์

เลือกค่าเป้าหมายที่ตรงกับที่ได้รับแจ้งมา ทุกหน้าด้านล่างคือเครื่องมือเดียวกันที่ตั้งค่าเริ่มต้นต่างกัน