Sumber berita: css-tricks.com
Bagi banyak desainer dan pengembang Web yang kesulitan dengan font, berita kemarin tentang Google Font API benar-benar membuat mereka bahagia. API yang sangat sederhana dan praktis ini mencakup seperangkat pustaka font dan alat pratinjau, dikombinasikan dengan Google dan TypeKit Pemuatan WebFont sumber terbuka. alat yang dikembangkan oleh WebFont memudahkan desainer Web untuk mereferensikan font yang dipersonalisasi di situs mereka sendiri.
Menggunakan Google Web Fonts API semudah menautkan file CSS dari Google dan mereferensikan nama font dalam definisi CSS Anda sendiri, berikut demo untuk referensi. Faktanya, Google Web Font API adalah @font-face, dan Anda dapat mengimplementasikannya sendiri, namun pendekatan Google memiliki banyak keuntungan:
Bandwidth (Bandwidth ditanggung oleh Google)
Caching (font yang sama akan di-cache di banyak situs, dan browser dapat memperolehnya langsung dari cache)
Kecepatan (jaringan akselerasi Google CDN lebih cepat daripada situs web kebanyakan orang)
Tentu saja, memuat file CSS Google merupakan beban tambahan, tetapi Anda dapat menautkan langsung ke file font itu sendiri, atau bahkan mengunduh font tersebut ke situs untuk membuat versi SVG Anda sendiri. Selain itu, Google Web Font API saat ini tidak mendukung iPhone dan iPad.
Mengenai pemuat WebFont, ini adalah skrip JavaScript yang digunakan untuk memuat font. Tidak perlu digunakan, tetapi menggunakannya akan membawa manfaat tambahan. Misalnya, saat Firefox memuat Google Web Font, font pengganti akan ditampilkan sebelum @font-face dimuat sepenuhnya. Setelah @font-face dimuat sepenuhnya, font asli akan menggantikan font pengganti, yang akan menyebabkan halaman berkedip ., dan membingungkan, pemuat WebFont dapat mengatasi masalah ini.
Raph Levien adalah seorang desainer jenis huruf yang mendesain font Inconsolata. Raph juga merupakan anggota tim Google Web Fonts API, dan artikel ini adalah wawancara dengan Raph.
Kris:
Google melakukan banyak hal bagus untuk desainer web, termasuk beberapa hal yang menghabiskan banyak bandwidth, seperti menggunakan jaringan CDN mereka untuk menghosting pustaka JavaScript. Izinkan saya menjelaskan sedikit, apa sebenarnya pengaruhnya terhadap Google? Tentu, ini akan membuat font web lebih cepat, tapi apa gunanya web yang lebih cepat bagi Google? Apakah menganalisis informasi data berguna bagi Google?
rap:
Ini hanya untuk membuat Web lebih cepat dan kaya. Kami tidak mengumpulkan informasi pribadi apa pun, dan catatan Log kami hanya untuk statistik kinerja dan statistik font mana yang populer. Hal terbaik tentang layanan ini adalah, sama seperti perpustakaan Ajax kami yang dihosting, karena banyak situs yang menggunakan layanan ini, browser dapat dengan mudah menemukan apa yang telah dimuat dari cache tanpa harus memuatnya ulang setiap saat.
Kris:
Skenario terburuk, jika font yang Anda host turun, apa yang terjadi pada situs yang mereferensikannya? Apakah font alternatif akan digunakan, atau yang lain?
rap:
Ya, font alternatif digunakan, hanya CSS dan desainer memiliki kendali penuh atas font apa yang digunakan. Selain itu, jika Anda ingin memiliki kontrol yang lebih baik, Anda dapat menggunakan pemuat WebFont. Misalnya, ketika pemuatan font gagal, Anda dapat menggunakan JavaScript untuk mengubah CSS. Kami juga akan bekerja sama dengan semua pengembang browser utama untuk meningkatkan font Web pengalaman.
Kris:
Kerja sama Anda dengan TypeKit sangat menarik.
rap:
TypeKit adalah font web terjauh, dan kami sudah mengetahuinya sejak lama (Jeff Veen sebenarnya mengerjakannya di Google). Jadi wajar saja kami membicarakannya bersama. Font terbuka kami adalah hal yang hebat, tetapi kami tetap ingin lebih banyak font tersedia untuk pengguna. Selain itu, kami juga bekerja sama dengan vendor font besar lainnya, termasuk Ascender.
Kris:
Beberapa font gratis atau sumber terbuka umumnya berfungsi sebagai iklan bagi desainernya. Apakah ini merupakan penghalang bagi Perpustakaan Font Google? Pada akhirnya perpustakaan font ini berisi font terbatas.
rap:
Sejauh ini kami mendapat respons yang bagus. Orang-orang menyumbangkan font kepada kami karena berbagai alasan, dan salah satu alasan pastinya adalah hal itu memberi mereka lebih banyak lalu lintas untuk membantu mereka menjual lebih banyak font premium. Masih banyak orang yang hanya suka mendesain font. Apa pun yang terjadi, kami sangat yakin bahwa perpustakaan font sumber terbuka kami akan menjadi semakin canggih. Namun, sewaktu-waktu, vendor font profesional tersebut memiliki kualitas font yang lebih tinggi.
Sumber internasional artikel ini: TRIK CSS Google Font API & Wawancara (Penulis asli: Chris Coyier)
Sumber kompilasi berbahasa Mandarin: Situs web resmi sistem manajemen konten situs web Ruishang Enterprise CMS