はてなブログの使い方メモ (Google Fonts)

はてなブログでGoogle Fontsを使う方法

1. Google Fonts から好きなフォントを選ぶ

Google Fonts

2. [Use on the web] の ＜link＞タグをコピー

はてなブログの[設定]＞[詳細設定]＞[＜head＞要素にメタデータを追加] に貼り付け

3. [CSS rules to specify families]をコピー

はてなブログの[デザイン]＞[カスタマイズ]＞[デザインCSS]に追記

例えば、ブログのタイトルに適用するならこんな感じ↓

#title {
  font-family: 'Righteous', cursive;
}