ข้อดีด้านประสิทธิภาพของ Variable Fonts

 (medium.com)
4 คะแนน โดย xguru 2020-03-12 | 1 ความคิดเห็น | แชร์ทาง WhatsApp

  • รวมสไตล์ทั้งหมดไว้ในไฟล์เดียว จึงมีจำนวน request น้อยลง

  • ขนาดไฟล์เล็กกว่าการรวมฟอนต์แยกตามแต่ละสไตล์เข้าด้วยกัน

  • ฟอร์แมต WOFF2 มีอัตราการบีบอัดที่ดี

  • เมื่อทำ subsetting เพื่อตัดอักขระที่ไม่จำเป็นออก จะยิ่งลดขนาดได้มากขึ้น

  • ใช้รูปแบบ FOUT (Flash Of Unstyled Text) ด้วย font-display: swap;

บทความที่เกี่ยวข้อง

1 ความคิดเห็น

 
xguru 2020-03-12

"Google เริ่มรองรับ Variable Fonts" https://th.news.hada.io/topic?id=608

"Variable Font - แบบอักษรแปรผัน" https://th.news.hada.io/topic?id=1664

"Variable Fonts Primer - คู่มือเบื้องต้นของแบบอักษรแปรผัน" https://th.news.hada.io/topic?id=1673

สำหรับการปรับแต่งเว็บฟอนต์ให้เหมาะสม เรื่องอย่าง Subsetting, FOUT / FOIT, WOFF2 เป็นต้น

สามารถดูคำอธิบายที่เข้าใจง่ายได้ในบทความ

"แนวโน้มล่าสุดของการใช้งานและการปรับแต่งเว็บฟอนต์ให้เหมาะสม" https://d2.naver.com/helloworld/4969726 [2018]