Simple Simple

日々のITライフから生じたお役立ち情報をお届けしています

はてなブログでGoogle FontsをWebフォントとして使用する手順

はてなブログでGoogle FontsをWebフォントとして使用する時の手順です。

 

Google Fontsで任意のフォントを選択します。

 

使用したフォントの右端にある「+」をクリックします(※これは複数選択できます)

 

右肩のアイコンをクリックします。

 

<link>をチェックし、コードをコピーします。

 

コピーしたコードは、はてなブログの詳細設定の「<head>要素にメタデータを追加」のフォームに貼り付けます。

 

同様にGoogle FontsでCSSをコピーし

 

はてなブログの管理画面>デザイン>スパナ🔧>CSSに貼り付けます。

 

 

以上です。

 

お役に立てましたでしょうか?

それでは良きブログライフを!