Fonts」の使い方と注意点をご紹介します。ある程度のhtmlとcssの知識が必要になります。ご紹介する方法は2019年11月時点で利用できる方法です。仕様が変更される場合もありますのでご了承ください。Fontsとは?Googleフォントのホームページで利用するフォントを探すフォントの設定をカスタマイズする。Fonts」とは?Webフォントとは?Webフォントとはホームページが読み込まれる時にサーバー上にあるフォントデータをダウンロードして表示させる技術です。通常はパソコンのOSやiPhone、Androidなどのデバイスによって標準搭載されているフォントが表示されます。Webフォントを利用することでどの端末でも同じフォントで表示させることができます。FontsとはGoogleが提供している無料のWebフォントサービスです。登録不要で個人でも法人でも商用利用可能です。Googleフォントのホームページで利用するフォントを探すhttps://fonts.google.com/にアクセスしてフォントを選びます。検索やソート機能を使用して使用したいフォントを探しましょう。使用したいフォントの右上にある赤い+マークのアイコンをクリックすると選択した状態になります。Selicted」が出てきます。これは現在の選択したフォントの数が表示されています。フォントの設定をカスタマイズする。Selicted」をクリックするとフォントのカスタマイズ画面が開きます。カスタマイズ画面ではフォントの言語や使用する太さ、使用するために必要なタグなどが発行できます。それでは使用するフォントをカスタマイズしてみましょう。CUSTOMIZEをクリックします。(初期状態ではEMBEDが表示されています)利用したい太さのフォントだけをチェックします。※ここで選択した太さのフォントだけ読み込みます。少なければ少ないほどWebフォントの読み込みが早くなります。必要な言語をチェックしましょう。日本語フォントを選んでいる時はLanguagesのJapaneseにチェックを入れます。発行されたソースコードをWebサイトに入れるフォントの確認画面のEMBEDをクリックします。発行された<link>タグをhtmlのhead内に貼り付ける。発行されたcssを貼り付けて反映させる。これだけでホームページにWebフォントを入れることができます。Googleフォントをデザインツールで使用するPhotoshopやIllustratorなどのデザインツールで使用したい場合は下記の通りです。使用するフォントを軽量化するフォントデータは決して軽いデータ量ではありません。日本語フォントは漢字やひらがななど文字数が多いのでかならず軽量化をしましょう。前述しましたが、Googleフォントでは使用する太さはカスタマイズ画面で設定でき、太さの種類が少なければ少ないほどロード時間は短くなります。ロードの目安時間が確認画面右上に表示されています。できれば「Fast」が望ましいですが少なくともかならず「Slow」にならないように調整して使用してください。最後に今回はWebフォントを使用したことのない人でも簡単に実装できる方法をご紹介しました。Webフォントはデザインをどのデバイスでも統一できるという点では大きなメリットになります。一度試してみてください。