AFFINGER６(アフィンガー６)のフォント変更方法｜お気に入りのフォントを設定しよう！

紫水

ブログのフォントを変更したい！

もっとオシャレなフォントにしたい！

このようなお悩みにお応えします。

ブログを執筆していてもいろんなジャンルがありますよね。

• 雑記でゆるいイメージのブログ
• 専門性の特化記事が多めのブログ

それぞれのジャンルやテーマに合わせたフォント選びも大切です。

今回はフォントの変更方法を解説していきます。

オススメは色んな種類から選べるGoogleフォントです！

設定もとても簡単なのでぜひ試してください。

AFFINGER６のフォント変更（既存機能）

アフィンガー６に最初から入っている（選べる）フォントの変更方法をご紹介します。

AFFINGER６のデフォルトで選べるフォントは５種類

実際に画面を見ながら解説していきます。

「AFFINGER６管理」を開く

まずはAFFINGER６の管理画面を開きます。

左側のメニューもしくは上段の「AFFINGER管理」をクリック。

全体設定→フォントの種類

全体設定からフォントの種類をクリック

もしくは下にスクロールします。

お好みのフォントを選ぶ

AFFINGER６にはデフォルトで複数のフォントを選ぶことができるので、好きなフォントにチェックいれます。

サイト全体のフォントの他にも、記事タイトル・見出し（h2～3）・ウィジェットボタンなども設定することができます。

「Save」で保存

お好みのフォントを選んだら「Save」して完了です！

Googleフォントを設定する

次にGoogleフォントを使用した変更方法を紹介します。

そんなときはGoogleフォントを使用します。

種類もいっぱいあるのでオススメです。

少しだけ手間ですが、手順自体は簡単です♪

実際の画面で解説していきます。

①Googleフォントで好きなフォントを選ぶ

まずはGoogleフォントにアクセスします。

デフォルトの画面だと世界中のグローバルなフォントが出てきて選びきれないので、日本語だけに絞ります。

「Language」から「Japanese」を選択

次に好きなフォントを選びます。

気になるフォントが見つかったら、クリックすると選べます。

お気に入りのフォントを見つけましょう！

サンプルだけじゃイメージできないというときは、入力欄に好きな言葉を入れて任意のサンプルを表示させることもできます。

好きなフォントを選んだら、右側にある「+Select this style」をクリック

右上の■マークをクリックしてメニューを表示

コードをコピー

Googleフォント上で必要なコードをコピーします。

コードをコピーする範囲は少し分かりにくいですが、上段の＜link＞のコードは選択してコピーする必要があるので要注意です。

AFFINGER６の管理画面に貼りつけ

Googleフォントでコピーしたコードを管理画面に貼りつけていきます。

AFFINGER６管理画面→全体設定→フォントの種類にいく。

２か所にチェック

この作業はコードを貼りつける前でも後でも大丈夫ですが、前もってやっておきましょう。

丸印２か所にチェックを入れます。

Googleフォントのコードをコピペ

AFFINGER６の管理画面に、先ほどコピーしたGoogleフォントのコードを貼りつけていきます。

コードを貼りつける場所と選択範囲に注意

コピーする範囲については１つ前の「コードのコピー範囲」を確認ください。

Googleフォントのコードをコピーしたら管理画面に貼りつけます。

ちょっとややこしいですが、貼りつける場所はそれぞれ以下の通り。

ちょっとややこしいですが、コードをコピーするときの選択さえ間違わなければコピペするだけなので簡単です。

完了

コピペが終わったら、「Save」をクリックして完了です！

まとめ：たかがフォント、されどフォント

AFFINGER６のフォント変更方法を２種類紹介しました。

たかがフォントだけど、されどフォント。

フォントを変更するだけで記事が読みやすくなったり、ブログの雰囲気が変わったりします。

自分のブログの雰囲気に合ったフォントを選んで、お気に入りのブログにしていきましょう！

最後まで読んでいただきありがとうございました。