แหล่งข่าว: css-tricks.com
สำหรับนักออกแบบและนักพัฒนาเว็บไซต์จำนวนมากที่กำลังดิ้นรนกับแบบอักษร ข่าวเมื่อวานเกี่ยวกับ Google Font API ทำให้พวกเขามีความสุขจริงๆ API ที่เรียบง่ายและใช้งานได้จริงนี้ประกอบด้วยชุดไลบรารีแบบอักษรและเครื่องมือแสดงตัวอย่าง รวมกับ Google และ TypeKit การโหลด WebFont แบบโอเพ่นซอร์ส เครื่องมือที่พัฒนาโดย WebFont ช่วยให้นักออกแบบเว็บไซต์สามารถอ้างอิงแบบอักษรส่วนบุคคลในเว็บไซต์ของตนเองได้อย่างง่ายดาย
การใช้ Google Web Fonts API นั้นง่ายดายเพียงแค่ลิงก์ไฟล์ CSS จาก Google และอ้างอิงชื่อแบบอักษรในคำจำกัดความ CSS ของคุณเอง นี่คือตัวอย่างสำหรับการอ้างอิง ที่จริงแล้ว Google Web Font API คือ @font-face และคุณสามารถนำไปใช้ได้ด้วยตัวเอง แต่แนวทางของ Google มีข้อดีหลายประการ:
แบนด์วิดท์ (แบนด์วิดท์เป็นภาระของ Google)
การแคช (แบบอักษรเดียวกันจะถูกแคชในหลาย ๆ ไซต์และเบราว์เซอร์สามารถรับได้โดยตรงจากแคช)
ความเร็ว (เครือข่ายเร่ง Google CDN เร็วกว่าเว็บไซต์ของคนส่วนใหญ่)
แน่นอนว่าการโหลดไฟล์ CSS ของ Google ถือเป็นภาระเพิ่มเติม แต่คุณสามารถลิงก์ไปยังไฟล์ฟอนต์ได้โดยตรง หรือแม้แต่ดาวน์โหลดฟอนต์ไปยังไซต์เพื่อสร้างเวอร์ชัน SVG ของคุณเอง นอกจากนี้ Google Web Font API ยังไม่รองรับ iPhone และ iPad ในขณะนี้
เกี่ยวกับตัวโหลด WebFont มันเป็นสคริปต์ JavaScript ที่ใช้ในการโหลดฟอนต์ ไม่จำเป็นต้องใช้ แต่การใช้มันจะให้ประโยชน์เพิ่มเติม ตัวอย่างเช่น เมื่อ Firefox โหลด Google Web Fonts มันจะแสดงแบบอักษรทดแทนก่อนที่ @font-face จะโหลดจนเต็ม หลังจากที่ @font-face โหลดเสร็จสมบูรณ์แล้ว แบบอักษรจริงจะเข้ามาแทนที่แบบอักษรทดแทน ซึ่งจะทำให้หน้าเว็บสั่นไหว . และทำให้เกิดความสับสน ตัวโหลด WebFont สามารถแก้ปัญหานี้ได้
Raph Levien เป็นผู้ออกแบบแบบอักษรที่ออกแบบแบบอักษร Inconsolata Raph ยังเป็นสมาชิกของทีม Google Web Fonts API และบทความนี้เป็นบทสัมภาษณ์ของ Raph
คริส:
Google ทำสิ่งดีๆ มากมายให้กับนักออกแบบเว็บไซต์ รวมถึงบางคนที่ใช้แบนด์วิธมาก เช่น การใช้เครือข่าย CDN เพื่อโฮสต์ไลบรารี JavaScript ให้ฉันพูดจาหยาบคายหน่อยสิ สิ่งนี้ส่งผลอะไรกับ Google กันแน่ แน่นอนว่านี่จะทำให้แบบอักษรของเว็บเร็วขึ้น แต่เว็บที่เร็วกว่านั้นมีประโยชน์อะไรกับ Google บ้าง เป็นการวิเคราะห์ข้อมูลที่เป็นประโยชน์ต่อ Google หรือไม่?
ราฟ:
เป็นเพียงการทำให้เว็บเร็วขึ้นและสมบูรณ์ยิ่งขึ้น เราไม่รวบรวมข้อมูลส่วนบุคคลใด ๆ และบันทึกของเรามีไว้เพื่อสถิติประสิทธิภาพและสถิติแบบอักษรที่เป็นที่นิยมเท่านั้น สิ่งที่ดีที่สุดเกี่ยวกับบริการนี้คือ เช่นเดียวกับไลบรารี Ajax ที่โฮสต์ของเรา เนื่องจากไซต์จำนวนมากใช้บริการเหล่านี้ จึงเป็นเรื่องง่ายสำหรับเบราว์เซอร์ในการค้นหาสิ่งที่โหลดจากแคชแล้วโดยไม่ต้องโหลดซ้ำทุกครั้ง
คริส:
สถานการณ์กรณีที่เลวร้ายที่สุด หากแบบอักษรที่คุณโฮสต์หยุดทำงาน จะเกิดอะไรขึ้นกับไซต์ที่อ้างอิงถึงแบบอักษรเหล่านั้น จะใช้แบบอักษรอื่นหรืออย่างอื่น?
ราฟ:
ใช่ มีการใช้แบบอักษรทางเลือก มันเป็นเพียง CSS และนักออกแบบก็สามารถควบคุมแบบอักษรที่จะใช้ได้อย่างเต็มที่ นอกจากนี้ หากคุณต้องการควบคุมให้ดีขึ้น คุณสามารถใช้ตัวโหลด WebFont ได้ ตัวอย่างเช่น เมื่อการโหลดแบบอักษรล้มเหลว คุณสามารถใช้ JavaScript เพื่อเปลี่ยน CSS ได้ เราจะทำงานร่วมกับนักพัฒนาเบราว์เซอร์รายใหญ่ทั้งหมดเพื่อปรับปรุงแบบอักษรของเว็บ ประสบการณ์.
คริส:
ความร่วมมือของคุณกับ TypeKit นั้นน่าสนใจมาก คุณช่วยบอกเราเกี่ยวกับเรื่องนี้ได้ไหม
ราฟ:
TypeKit เป็นฟอนต์บนเว็บที่ไกลที่สุด และเรารู้จักมันมาเป็นเวลานาน (จริงๆ แล้ว Jeff Veen ทำงานกับฟอนต์เหล่านี้ที่ Google) แน่นอนว่าเราคุยกันเรื่องนี้ด้วยกัน ฟอนต์แบบเปิดของเราเป็นสิ่งที่ดี แต่เรายังคงต้องการให้มีฟอนต์เพิ่มเติมสำหรับผู้ใช้ นอกจากนี้ เรายังร่วมมือกับผู้จำหน่ายฟอนต์รายใหญ่อื่นๆ รวมถึง Ascender ด้วย
คริส:
โดยทั่วไปแบบอักษรฟรีหรือแบบโอเพ่นซอร์สทำหน้าที่เป็นโฆษณาสำหรับนักออกแบบ นี่เป็นอุปสรรคต่อไลบรารีแบบอักษรของ Google หรือไม่ ท้ายที่สุดแล้วไลบรารีฟอนต์เหล่านี้มีฟอนต์ที่ถูกจำกัด
ราฟ:
จนถึงตอนนี้เราได้รับการตอบรับที่ดี ผู้คนบริจาคแบบอักษรให้กับเราด้วยเหตุผลหลายประการ และเหตุผลหนึ่งที่ชัดเจนก็คือ ทำให้พวกเขาเข้าชมมากขึ้น เพื่อช่วยให้พวกเขาขายแบบอักษรพรีเมียมได้มากขึ้น ยังมีคนจำนวนมากที่ชอบออกแบบฟอนต์ ไม่ว่ายังไงก็ตาม เรามั่นใจมากว่าคลังฟอนต์โอเพ่นซอร์สของเราจะมีประสิทธิภาพมากขึ้นเรื่อยๆ อย่างไรก็ตาม ผู้จำหน่ายฟอนต์มืออาชีพเหล่านั้นจะมีฟอนต์คุณภาพสูงกว่าเมื่อใดก็ตาม
แหล่งที่มาต่างประเทศของบทความนี้: CSS TRICKS Google Font API และบทสัมภาษณ์ (ผู้เขียนต้นฉบับ: Chris Coyier)
แหล่งที่มาของการรวบรวมภาษาจีน: เว็บไซต์อย่างเป็นทางการของระบบจัดการเนื้อหาเว็บไซต์ Ruishang Enterprise CMS