Google Web Fontsの使い方

2018/03/23更新　カテゴリー：開発奮闘記　タグ: Google, webフォント, フォント

Google Web Fontsの導入が超絶かんたんだったので、導入までの流れをご紹介します。

WebFontとは

通常は見ている人のパソコンに入っているフォントしか使うことはできません。しかし、WebFontを使えば、見ている人のパソコンの中にフォントが入っていなくても、好きなフォントを使うことができます。これはフォント自体をサーバー上に置いておくことで、これを実現しています。

Google Web Fontsでは無料で使える英語フォントが700件近く登録されています。ここで好きなフォントを探して、Webサイトで使うことができます。ちなみに、英語に比べて日本語は漢字やカタカナなど、データ量が圧倒的に多いため、まだ実用的ではありません。

これから、Retinaディスプレイなど、スマートフォンにかぎらず高精細なディスプレイが増えていけば、今までの画像テキストはぼやけてしまうほか、複数の解像度の画像を準備する手間が増えます。そんなこともあって、こういったWebフォントを活用する場面が増えていくと思います。テキストならいくら拡大しても綺麗なままですので、使い勝手もいいですよね。