ブログ環境

【AFFINGER6】フォントとフォントサイズ・行間を変更してみよう

2020年5月17日

AFFINGER5フォントと行間

ブログを始めてから4ヶ月。初めてフォントやフォントサイズ・行間を変更してみました。

確認したところズレや表示の不具合もありませんでした。

もっと早くやっておけば良かったな。

AFFINGER6 フォントサイズ・行間 変更方法

テーマAFFINGER6では、フォントサイズ・行間ともに簡単に変えることができます。

ダッシュボードから

AFFINGER管理-全体設定-フォントのサイズへとすすみましょう。

スマートフォン、タブレット、パソコン閲覧時とそれぞれ好みのサイズを設定することができます。

私はパソコン閲覧時のみ変更。

標準フォントサイズは15ですが、少し大きくしたかったので「17」にしてみました。

行間は「30~32」です。

変更したい数値を入力したらsaveボタンを押して終了。

AFFINGER5フォントサイズ変更

AFFINGER6 フォントの種類 変更方法

フォントの変更も同じく

ダッシュボードから

AFFINGER管理-全体設定-フォントの種類 へ。フォントサイズ変更箇所のすぐ下にあります。

デフォルトから「Noto Sans(400)」へ変更しました。

AFFINGER5フォント変更

追加の反映範囲の個所もチェックで簡単に変更にできるようになっているのでありがたい。

ロリポップサーバー使用時の注意点

ロリポップサーバー使用の方は、ロリポップへログインし、セキュリティのWAF設定を「無効」にしておきましょう。

有効になっているとデザインの変更ができません。

作業後はまた「有効」への変更をお忘れなく。

フォントやサイズ・行間を変えてみて変更前よりも読みやすくなりました。

ストレスを感じることなく読みすすめることができるようにデザインの修正も行っていきたいですね。

-ブログ環境