Connor Clark
เผยแพร่: 8 ต.ค. 2025
ลองตั้งค่า font-display เป็น swap หรือ optional เพื่อให้ผู้ใช้มองเห็นข้อความได้เสมอ swap สามารถเพิ่มประสิทธิภาพเพิ่มเติมเพื่อลดการเปลี่ยนแปลงเลย์เอาต์ด้วยการลบล้างเมตริกแบบอักษร
วิธีส่งต่อข้อมูลเชิงลึกนี้
ตั้งค่า font-display เป็น swap หรือ optional เพื่อส่งต่อข้อมูลเชิงลึกนี้
คำแนะนำเฉพาะสำหรับกองซ้อน
ข้อมูลเชิงลึกนี้ยังมีคำแนะนำเฉพาะสำหรับสแต็กสำหรับหน้าเว็บที่ใช้เทคโนโลยีต่อไปนี้ด้วย
Drupal
ระบุ @font-display เมื่อกำหนดแบบอักษรที่กำหนดเองในธีม
Magento
ระบุ @font-display เมื่อ กำหนดฟอนต์ที่กำหนดเอง
ข้อมูลอ้างอิงเพิ่มเติม
- ซอร์สโค้ดข้อมูลเชิงลึก
- ควบคุมประสิทธิภาพแบบอักษรด้วยการแสดงแบบอักษร
- แบบอักษรสำรองที่ได้รับการปรับปรุง
- หลีกเลี่ยงข้อความที่มองไม่เห็นในระหว่างการโหลด
- โหลดแบบอักษรบนเว็บล่วงหน้าเพื่อปรับปรุงความเร็วในการโหลด (codelab)
- ป้องกันการเปลี่ยนแปลงเลย์เอาต์และการแสดงข้อความที่มองไม่เห็น (FOIT) โดยการโหลดแบบอักษรที่ไม่บังคับไว้ล่วงหน้า