Web Open Font Format (WOFF) เป็นรูปแบบไฟล์สำหรับเว็บฟอนต์ที่พัฒนาโดย Mozilla ไฟล์ WOFF สามารถมีไฟล์ TTF และ OTF ที่บีบอัดได้ เช่นเดียวกับข้อมูลใบอนุญาตและข้อมูลเมตาอื่นๆ นี่คือสิ่งที่คุณต้องรู้เกี่ยวกับ WOFF
ข้อมูลในบทความนี้ใช้กับไฟล์ WOFF และ WOFF2
ไฟล์ WOFF คืออะไร?
คล้ายกับไฟล์ ZIP ไฟล์ WOFF ทำหน้าที่เป็นคอนเทนเนอร์สำหรับไฟล์อื่นๆ โดยเฉพาะไฟล์ TrueType Font (TTF) และ OpenType Font (OTF) ไฟล์ประเภทนี้ทำให้นักออกแบบเว็บไซต์สามารถใช้แบบอักษรนอกเหนือจากอักขระมาตรฐานที่พบในคอมพิวเตอร์ส่วนใหญ่ได้
WOFF ถูกแทนที่ด้วยรูปแบบ WOFF2 WOFF2 นำเสนออัลกอริธึมการบีบอัดที่ดียิ่งขึ้น ซึ่งลดขนาดไฟล์ดั้งเดิมลงอีก 30 เปอร์เซ็นต์ ดังนั้นไฟล์ WOFF2 จึงใช้แบนด์วิดท์น้อยกว่าและโหลดได้เร็วยิ่งขึ้น ไฟล์ WOFF มีนามสกุล .woff ในขณะที่ไฟล์ WOFF2 มีนามสกุล .woff2
ไฟล์ WOFF ทำงานอย่างไร?
แทบทุกหน้าเว็บใช้ Cascading Style Sheets (CSS) เพื่อกำหนดเลย์เอาต์ของ HTML และองค์ประกอบอื่นๆ บนหน้าจอของคุณ ตัวอย่างเช่น นักพัฒนาสามารถใช้ CCS เพื่อเปลี่ยนแบบอักษรของเว็บโดยอ้างอิงแบบอักษรที่ติดตั้งในคอมพิวเตอร์ของผู้ใช้แล้ว อย่างไรก็ตาม หากพีซีหรือเบราว์เซอร์ของคุณไม่รองรับฟอนต์ ฟอนต์นั้นจะปรากฏเป็นฟอนต์อื่นหรือไม่โหลดเลย ขึ้นอยู่กับการตั้งค่าสแต็กฟอนต์ของเพจ
เพื่อหลีกเลี่ยงปัญหานี้ คุณสามารถเก็บแบบอักษรที่กำหนดเองไว้ในไฟล์ WOFF ซึ่งบันทึกไว้บนเซิร์ฟเวอร์พร้อมกับองค์ประกอบหน้าเว็บอื่นๆ ทั้งหมด ผู้ออกแบบสามารถใช้คุณสมบัติ @font-face CSS เพื่ออ้างอิงไฟล์ WOFF และแสดงแบบอักษรในเบราว์เซอร์ได้
Google Chrome, Firefox, Microsoft Edge, Opera และ Safari รองรับรูปแบบ WOFF แต่คุณอาจต้องอัปเดตเว็บเบราว์เซอร์เป็นเวอร์ชันล่าสุด
ประโยชน์ของ WOFF
นอกเหนือจากการขยายประเภทของฟอนต์ที่นักพัฒนาเว็บพร้อมใช้งานแล้ว การใช้ไฟล์ WOFF ยังมีข้อดีหลายประการ ตัวอย่างเช่น:
- การบีบอัด :เนื่องจากไฟล์ WOFF ถูกบีบอัด จึงโหลดได้เร็วกว่าไฟล์ฟอนต์ประเภทอื่นๆ
- รองรับ HTML และ CSS :ไฟล์ WOFF ต่างจากไฟล์ภาพตรงที่มีสไตล์ด้วย HTML และ CSS
- SEO :แบบอักษร WOFF เหมาะสำหรับการเพิ่มประสิทธิภาพกลไกค้นหา (SEO) มากกว่ารูปภาพข้อความ
- การเรนเดอร์ที่ปรับให้เหมาะสม :ไฟล์ WOFF มีข้อมูลการพิมพ์รวมถึงรูปแบบตามบริบทและตัวเลขแบบเก่า เพื่อให้สามารถแสดงผลได้อย่างเหมาะสมในทุกอุปกรณ์
- การเข้าถึงเว็บไซต์ :ไฟล์ WOFF ทำให้ไซต์สามารถเข้าถึงได้มากขึ้น เนื่องจากสามารถอ่านออกเสียงข้อความและรูปภาพของข้อความไม่สามารถทำได้
- การฝัง :ฟอนต์ WOFF ช่วยทำให้เป็นสากลโดยอนุญาตให้คุณฝังฟอนต์กับอักขระจากภาษาอื่นได้
สร้างฟอนต์ WOFF ของคุณเอง
โปรแกรมแก้ไขแบบอักษร เช่น FontForge ช่วยให้คุณสามารถออกแบบชุดแบบอักษรของคุณเองและส่งออกเป็นไฟล์ WOFF คุณยังสามารถแปลงไฟล์ WOFF เป็น TTF หรือ OTF โดยใช้ FontForge หากคุณมีตัวแก้ไขแบบอักษรอื่นที่คุณชอบซึ่งรองรับเฉพาะ TTF หรือ OTF คุณสามารถใช้เครื่องมือ sfnt2woff เพื่อแปลงแบบอักษรเป็นไฟล์ WOFF
Open Font Library และ Font Squirrel มีแบบอักษรหลายร้อยแบบในรูปแบบ WOFF ที่ให้บริการฟรีสำหรับใช้ในเชิงพาณิชย์และไม่ใช่เชิงพาณิชย์
