ニュースソース: css-tricks.com
フォントに苦労している多くの Web デザイナーや開発者にとって、Google Font API に関する昨日のニュースは本当に喜ばしいものでした。この非常にシンプルで実用的な API には、Google と TypeKit を組み合わせた一連のフォント ライブラリとプレビュー ツールが含まれています。オープンソース WebFont の読み込みです。 WebFont によって開発されたツールを使用すると、Web デザイナーが自分のサイトでパーソナライズされたフォントを簡単に参照できるようになります。
Google Web Fonts API の使用は、Google からの CSS ファイルをリンクし、独自の CSS 定義でフォント名を参照するだけで簡単です。参考用のデモを次に示します。実際、Google Web Font API は @font-face であり、自分で実装することもできますが、Google のアプローチには多くの利点があります。
帯域幅 (帯域幅は Google が負担します)
キャッシュ (同じフォントが多くのサイトでキャッシュされ、ブラウザはキャッシュから直接フォントを取得できます)
速度 (Google CDN アクセラレーション ネットワークは、ほとんどの Web サイトよりも高速です)
もちろん、Google の CSS ファイルを読み込むのは追加の負担ですが、フォント ファイル自体に直接リンクしたり、フォントをサイトにダウンロードして独自の SVG バージョンを作成したりすることもできます。さらに、Google Web Font API は現在 iPhone と iPad をサポートしていません。
WebFont ローダーについては、フォントをロードするために使用される JavaScript スクリプトです。これを使用する必要はありませんが、使用すると追加の利点が得られます。たとえば、Firefox が Google Web フォントをロードすると、@font-face が完全にロードされる前に代替フォントが表示され、@font-face が完全にロードされた後、実際のフォントが代替フォントに置き換わるため、ページがちらつきます。 . 混乱を招きますが、WebFont ローダーでこの問題を解決できます。
Raph Levien は、Inconsolata フォントをデザインした書体デザイナーです。 Raph は Google Web Fonts API チームのメンバーでもあり、この記事は Raph へのインタビューです。
クリス：
Google は、CDN ネットワークを使用して JavaScript ライブラリをホストするなど、Web デザイナーにとって多くの良いことを行っています。これは Google に具体的にどのような影響を与えるのでしょうか?確かに、これにより Web フォントが高速化されるでしょうが、Web が高速化することが Google にとって何の役に立つでしょうか? Googleにとって有益なデータ情報を分析するためでしょうか？
ラフ:
それはただ、Web をより高速かつリッチなものにするためです。当社は個人情報を収集することはなく、ログ記録はパフォーマンスの統計とどのフォントが人気があるかの統計のみを目的としています。このサービスの最も優れた点は、ホストされている Ajax ライブラリと同様に、多くのサイトがこれらのサービスを使用しているため、毎回再ロードすることなく、ブラウザーがキャッシュから既にロードされているものを簡単に見つけられることです。
クリス：
最悪のシナリオとして、ホストしているフォントがダウンした場合、そのフォントを参照しているサイトはどうなるでしょうか?代替フォントなどが使用されるのでしょうか?
ラフ:
はい、代替フォントが使用されます。これは単なる CSS であり、デザイナーは使用するフォントを完全に制御できます。さらに、より適切に制御したい場合は、WebFont ローダーを使用できます。たとえば、フォントの読み込みに失敗した場合、JavaScript を使用して CSS を変更することもできます。また、Web フォントの改善に向けてすべての主要なブラウザ開発者と協力していきます。経験。
クリス：
TypeKit との連携は非常に興味深いものです。それについて教えてください。
ラフ:
TypeKit は Web フォントと並んで最も遠いものであり、私たちは長い間そのことを知っていました (Jeff Veen は実際に Google でこのフォントに取り組んでいました)。それで、当然のことながら、一緒にそれについて話し合いました。私たちのオープン フォントは素晴らしいことですが、さらに多くのフォントをユーザーが利用できるようにしたいと考えており、Ascender を含む他の主要なフォント ベンダーとも協力しています。
クリス：
一部の無料フォントまたはオープンソース フォントは通常、デザイナーの広告として機能します。これは Google フォント ライブラリの妨げになりますか?最終的に、これらのフォント ライブラリには制限されたフォントが含まれます。
ラフ:
これまでのところ素晴らしい反応をいただいています。人々はあらゆる種類の理由で私たちにフォントを提供していますが、その明確な理由の 1 つは、より多くのトラフィックをもたらし、より多くのプレミアム フォントを販売するのに役立つということです。何があっても、フォントをデザインすることが好きな人はまだたくさんいます。私たちは、オープンソースのフォント ライブラリがますます強力になると確信しています。ただし、いつでも、これらのプロのフォント ベンダーは高品質のフォントを提供しています。
この記事の海外情報源: CSS TRICKS Google Font API & Interview (原著者: Chris Coyier)
中国語編集ソース: Ruishang Enterprise CMS Web サイト コンテンツ管理システム 公式 Web サイト