Google Web Fontsの使い方
Google Web Fontsの導入が超絶かんたんだったので、導入までの流れをご紹介します。
WebFontとは
通常は見ている人のパソコンに入っているフォントしか使うことはできません。しかし、WebFontを使えば、見ている人のパソコンの中にフォントが入っていなくても、好きなフォントを使うことができます。これはフォント自体をサーバー上に置いておくことで、これを実現しています。
Google Web Fontsでは無料で使える英語フォントが700件近く登録されています。ここで好きなフォントを探して、Webサイトで使うことができます。ちなみに、英語に比べて日本語は漢字やカタカナなど、データ量が圧倒的に多いため、まだ実用的ではありません。
これから、Retinaディスプレイなど、スマートフォンにかぎらず高精細なディスプレイが増えていけば、今までの画像テキストはぼやけてしまうほか、複数の解像度の画像を準備する手間が増えます。そんなこともあって、こういったWebフォントを活用する場面が増えていくと思います。テキストならいくら拡大しても綺麗なままですので、使い勝手もいいですよね。
Google Web Fontsの使い方
Google Web Fontsを開きます
好きなフォントがあれば、Quick-useボタンを押してみてください。
タグをコピー
表示されているCSS読み込みのタグをコピーして、使いたいページで読み込ませます。あとは好きな場所でfont-familyでフォントを指定すれば使えます。
変更もしやすいですし、おすすめです。
フリーランスエンジニアの稼ぎ方
PROFILE
プロフィール
受託開発で年3,000万以上を売り上げるも、受託をやめることを決意 / 自分のサービスで生きていくために挑戦中🔥現在プロダクトの売上は月40万円 / 個人開発コミュニティ「入江開発室」を運営（約300名） / MENTAなど20個以上のプロダクトを開発。
（詳しいプロフィール）
PRODUCT
イリテクで開発したプロダクト
RELATION
関連する記事
Googleタグマネージャで管理すると、タグの変更でいちいちFTP触らなくてもよくなります
GoogleAnayticsのタグやコンバージョンタグ、facebookのタグなど外部サービスの組み込みが当たり前になっています。例えば、コ...
自分で作ったアイコン(SVG)をWEBフォント化する
WEBサイトのメニューやリンクでは、アイコンやボタンで画像を使う機会が減りました。スマホや高精細なPCのディスプレイなど閲覧環境が多様化し、...
Appleのデベロッパー登録（法人）のために、DUNSナンバーを取得する方法
法人でAppleのデベロッパー登録をするにはDUNSナンバーが必要になります。これを取得しないことには先に進めないので、ちょっと面倒。 (さ...
プロダクトを継続して使ってもらうためには、初回の印象がとっても大事！
CLOUD PAPERのここ30日間の無料登録アカウントは20件でしたが、そこから有料プランへの加入はありませんでした。これはマズイ...。...
顧客の要望通りにシステムを作ったのに「使いずらい」と不満が出るのはなぜか
「お客様は神様です」というように、 お客様の要望に答えることは美徳とされてきました。 しかしなんでも要望をきくことはお客様のためになりません...
