สำหรับนักออกแบบและนักพัฒนาเว็บไซต์จำนวนมากที่กำลังดิ้นรนกับแบบอักษร ข่าวเมื่อวานเกี่ยวกับ Google Font API ทำให้พวกเขามีความสุขจริงๆ API ที่เรียบง่ายและใช้งานได้จริงนี้ประกอบด้วยชุดไลบรารีแบบอักษรและเครื่องมือแสดงตัวอย่าง รวมกับ Google และ TypeKit การโหลด WebFont แบบโอเพ่นซอร์ส เครื่องมือที่พัฒนาโดย WebFont ช่วยให้นักออกแบบเว็บไซต์สามารถอ้างอิงแบบอักษรส่วนบุคคลในเว็บไซต์ของตนเองได้อย่างง่ายดาย
การใช้ Google Web Fonts API นั้นง่ายดายเพียงแค่ลิงก์ไฟล์ CSS จาก Google และอ้างอิงชื่อแบบอักษรในคำจำกัดความ CSS ของคุณเอง นี่คือตัวอย่างสำหรับการอ้างอิง ที่จริงแล้ว Google Web Font API คือ @font-face และคุณสามารถนำไปใช้ได้ด้วยตัวเอง
แบนด์วิดท์ (แบนด์วิดท์เป็นภาระของ 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 หรือไม่ ท้ายที่สุดแล้วไลบรารีฟอนต์เหล่านี้มีฟอนต์ที่ถูกจำกัด
จนถึงตอนนี้เราได้รับการตอบรับที่ดี ผู้คนบริจาคฟอนต์ให้กับเราด้วยเหตุผลหลายประการ และเหตุผลหนึ่งที่ชัดเจนก็คือ มันทำให้พวกเขามีผู้เข้ามาเยี่ยมชมมากขึ้น เพื่อช่วยให้พวกเขาขายฟอนต์พรีเมียมได้มากขึ้น ยังมีคนจำนวนมากที่ชอบออกแบบฟอนต์ ไม่ว่ายังไงก็ตาม เรามั่นใจมากว่าคลังฟอนต์โอเพ่นซอร์สของเราจะมีประสิทธิภาพมากขึ้นเรื่อยๆ อย่างไรก็ตาม ผู้จำหน่ายฟอนต์มืออาชีพเหล่านั้นจะมีฟอนต์คุณภาพสูงกว่าเมื่อใดก็ตาม