2018年4月13日金曜日

[Blogger]明朝体のフォントをメイリオに変えたい

Blogger のテンプレートはネットで沢山見つけることができます。
そのようなテンプレートは海外で作られたものがほとんどなので、日本語のフォントで表示するとイマイチなことが多いです。
特に明朝体で表示されるとがっかりします。

これをメイリオに変更します。

修正箇所の確認
①ブラウザで[Ctrl]+[Shift]+[c]を押して開発者ツールを開きます。

②明朝体の個所をポイントして右クリックし、class を特定します。

今回は h2 の "post-title entry-title"というクラスでした。

③右下の Styles タブが表示されているところでフォントを調整します。
  .post h2 の部分にフォントの指定がありました。
    変更前:font-family: Georgia, "Times New Roman", Times, serif;
    変更後:font-family: Georgia, "Times New Roman", Times, Sans-serif;
  このように書き換えたところ、明朝体がゴシック表示に変わりました。

HTML の編集
次にHTMLを編集します。
①Blogger の管理画面で、[テーマ]-[HTMLの編集]を選択します。

②上で調べた結果をもとに、編集個所を特定します。

③該当箇所を編集(具体的には serif を Sans-serif に変更)し、結果をプレビューします。

良ければ「テーマを保存」して、完成です。

Blogger Tips のページに戻る


0 件のコメント:

コメントを投稿