こんにちは♪
大人可愛いアメブロカスタマイズSHOPのMihoです。
今回はアメブロでCSSを編集してフォントを変更する方法について説明しますね。
※PC表示のみになります。スマホ表示でフォントの変更は確認できませんでした。
アメブロをPCで閲覧した時の文字は少し読みにくいなぁ…と思いませんか？
自分でCSSを編集してカスタマイズしないと、初期状態のままです。
▼初期設定のフォント
↑なんだかギザギザして読みづらい・・・
そこで、フォントを変更してみます。
▼ フォントをメイリオに変更
読みやすくなりました～♡
ブログへ訪問して下さった方が読みやすいブログにするためにも是非、フォントを変更してみましょう♪
フォントを変更する方法
１．【ブログ管理】 ＞ 【デザインの設定】 ＞ 【CSSの編集】へ異動
まずは管理画面から、CSSの編集画面へ異動します。
※CSS編集可能なデザインにされてない方は、予め設定をしておいてくださいね。
▼参考記事
アメブロカスタマイズのための事前準備♡CSS編集用デザインにしましょう！
２．CSS編集画面の一番下に、コードを貼り付ける
/* フォントの変更 */
body {font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'sans-serif';}
CSSの編集画面を下までスクロールして、上記のコードをCSS編集画面の一番下に張り付けます。
３．「表示を確認する」でフォントが変更されていることを確認して保存
「表示を確認する」を押して、フォントの変更がきちんと確認できれば完了です。
今回はアメブロのフォントを変更する方法についてご紹介しました。
とっても簡単で、メイリオフォントにすることでブログ全体が一気に読みやすくなります。また、可愛らしい雰囲気にもなりますね
是非、試してみて下さいね。
合わせて次回の記事では、【記事の行間】を変更する方法もご紹介しますね。