การอพิพากษ์เมื่อไม่นานมานี้เกี่ยวกับคุณสมบัติ CSS font-size-adjust ได้จุดประกายการสนทนาที่กว้างขึ้นเกี่ยวกับประสิทธิภาพเว็บฟอนต์ การควบคุมการออกแบบ และปรัชญาพื้นฐานของการพัฒนาเว็บ การถกเถียงมุ่งเน้นไปที่ว่านักพัฒนาควรจัดลำดับความสำคัญให้กับความสอดคล้องทางภาพหรือความเร็วในการโหลดหน้าเว็บ โดยมีข้อโต้แย้งที่หลงใหลจากทั้งสองฝ่าย
การแลกเปลี่ยนระหว่างประสิทธิภาพและการควบคุมภาพ
ชุมชนแบ่งแยกอย่างลึกซึ้งเกี่ยวกับการใช้เว็บฟอนต์ นักพัฒนาบางคนสนับสนุนให้ละทิ้งฟอนต์ที่กำหนดเองทั้งหมดเพื่อใช้ฟอนต์ระบบแทนเพื่อปรับปรุงประสิทธิภาพ แนวทางนี้ช่วยขจัดความล่าช้าในการโหลดและลดการใช้แบนด์วิธ แต่จำกัดความยืดหยุ่นในการออกแบบ คนอื่นๆ โต้แย้งว่าการสร้างแบรนด์ทางภาพและการพิมพ์มีความสำคัญเกินกว่าที่จะเสียสละ โดยเฉพาะอย่างยิ่งเมื่อเทคนิคการปรับแต่งสมัยใหม่สามารถลดผลกระทบต่อประสิทธิภาพได้
การอพิพากษ์เผยให้เห็นความตึงเครียดพื้นฐานในการพัฒนาเว็บ: การสร้างสมดุลระหว่างประสบการณ์ผู้ใช้กับข้อกำหนดการออกแบบ นักพัฒนาที่ทำงานบนการเชื่อมต่อที่ช้าหรือเครือข่ายมือถือเน้นย้ำถึงความสำคัญของเวลาโหลดที่รวดเร็วมากกว่าความสมบูรณ์แบบทางภาพ
กลยุทธ์การปรับแต่งฟอนต์ภายใต้การตรวจสอบ
โซลูชันทางเทคนิคหลายอย่างได้เกิดขึ้นจากการอพิพากษ์ของชุมชน Font subsetting ซึ่งรวมเฉพาะอักขระที่จำเป็นสำหรับภาษาเฉพาะ สามารถลดขนาดไฟล์ได้อย่างมีนัยสำคัญ Variable fonts และการบีบอัด WOFF2 เสนอการลดขนาดเพิ่มเติม นักพัฒนาบางคนรายงานว่าสามารถบรรลุไฟล์ฟอนต์ขนาดเล็กถึง 50KB สำหรับชุดอักขระที่ครอบคลุม
อย่างไรก็ตาม ประสิทธิผลของการปรับแต่งเหล่านี้แตกต่างกันอย่างมากขึ้นอยู่กับกรณีการใช้งานเฉพาะและกลุ่มเป้าหมาย โครงการที่สนับสนุนหลายภาษาหรือต้องการชุดอักขระที่กว้างขวางเผชิญกับความท้าทายในการปรับแต่งที่ซับซ้อนมากขึ้น
Font subsetting: เทคนิคที่ลบอักขระที่ไม่ได้ใช้ออกจากไฟล์ฟอนต์เพื่อลดขนาดไฟล์ WOFF2: รูปแบบฟอนต์ที่บีบอัดซึ่งโดยทั่วไปให้การบีบอัดที่ดีกว่ารูปแบบเก่า
ตัวอย่างการปรับแต่งขนาดฟอนต์ให้เหมาะสม:
- ฟอนต์ Inter : 50KB (ชุดอักษร Latin พร้อม WOFF2 )
- ฟอนต์ Inter พร้อม 8 ภาษา: 77KB
- คำแนะนำมาตรฐาน: โหลดเฉพาะรูปแบบฟอนต์หลักล่วงหน้า
- ค่า font-size-adjust ที่แนะนำ: 0.53 (อิงจากอัตราส่วนของ Helvetica )
แนวทางทางเลือกสำหรับความสอดคล้องของฟอนต์
นอกเหนือจากข้อกังวลเรื่องประสิทธิภาพ นักพัฒนากำลังสำรวจการประยุกต์ใช้ที่สร้างสรรค์สำหรับ font-size-adjust คุณสมบัตินี้แสดงความสัญญาสำหรับความสอดคล้องของไอคอนในเกมและแอปพลิเคชันที่ฟอนต์และอีโมจิถูกใช้เป็นองค์ประกอบกราฟิก กรณีการใช้งานนี้ขยายไปเกินกว่าการพิมพ์เว็บแบบดั้งเดิมไปสู่การออกแบบสื่อแบบโต้ตอบ
สมาชิกชุมชนบางคนแนะนำว่าเบราว์เซอร์ควรรวมฟอนต์มาตรฐานมากขึ้น คล้ายกับที่พวกเขาให้ตัวเลือก serif และ sans-serif พื้นฐาน แนวทางนี้สามารถลดการพึ่พาไฟล์ฟอนต์ภายนอกในขณะที่ยังคงเสนอความหลากหลายในการออกแบบ
ไวยากรณ์ CSS font-size-adjust:
font-size-adjust: ex-height 0.5;
font-display: block;
font-family: system-ui;
ปรัชญาของการควบคุมการออกแบบเว็บ
การสนทนาได้พัฒนาไปสู่การถกเถียงทางปรัชญาที่ลึกซึ้งยิ่งขึ้นเกี่ยวกับการควบคุมการออกแบบบนเว็บ บางคนโต้แย้งว่าเว็บไม่เคยมีเจตนาที่จะให้การควบคุมที่สมบูรณ์แบบระดับพิกเซล โดยเปรียบเทียบกับข้อจำกัดของสื่อสิ่งพิมพ์ มุมมองนี้แนะนำว่านักออกแบบควรยอมรับธรรมชาติที่ไหลลื่นและปรับตัวได้ของเนื้อหาเว็บมากกว่าการต่อสู้กับมัน
ความคิดเห็นที่ร้อนแรงของฉันคือเบราว์เซอร์ไม่ควรเปิดใช้งานให้คุณระบุฟอนต์ที่แน่นอน เว็บจะดีขึ้นมากหากเป็นที่ยอมรับว่าเซิร์ฟเวอร์สามารถแนะนำเท่านั้นว่าเนื้อหาจะแสดงอย่างไร ไม่ใช่ควบคุมมัน
มุมมองนี้ตัดกันอย่างชัดเจนกับแนวปฏิบัติการพัฒนาเว็บสมัยใหม่ ที่การควบคุมภาพที่แม่นยำได้กลายเป็นสิ่งสำคัญมากขึ้นสำหรับการสร้างแบรนด์และความสอดคล้องของประสบการณ์ผู้ใช้ข้ามแพลตฟอร์ม
การถกเถียงที่กำลังดำเนินอยู่สะท้อนคำถามที่กว้างขึ้นเกี่ยวกับมาตรฐานเว็บ การปรับแต่งประสิทธิภาพ และสมดุลระหว่างการควบคุมของนักพัฒนาและประสบการณ์ผู้ใช้ เมื่อเทคโนโลยีเว็บยังคงพัฒนาต่อไป การอพิพากษ์เหล่านี้น่าจะกำหนดรูปแบบแนวทางในอนาคตต่อการพิมพ์และการออกแบบบนเว็บ
อ้างอิง: font-size-adjust Is Useful