前回の記事はこちら ※（1）へ
※ デザインの変更が必要であるため
---------------------------------------------------------------------------------------
【３】CSS編集でフォント名を変更
CSS編集可能なデザインにしたら、いよいよ編集。
※ HTML言語、CSS（スタイルシート）の知識がないよ、という人は、
とりあえず指定された場所にコピペすれば最低限の事はできます。
まずは、フォント名を「メイリオ」に変更する方法を紹介。
（ブログ全体のフォントを指定）
ブログ管理画面の左側にあるメニューから
「デザインの設定」
を選ぶ。
※ 下の画像の赤い四角
次に、画面上側に「デザインの変更」と表示される。
選択中のデザインに
「CSSの編集」
と表示されるはずなので、クリックする。
※ 下の画像の赤い四角
すると、CSSの編集画面が表示される。
※ 下の画像の赤い四角
この中にフォントの記述を追加する。
コピペ（コピー＆貼り付け）する記述は、以下の青字の内容。
/*フォントの設定 */
body {
font-family: メイリオ, Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
今のこのブログで、この部分をコピー。
以下の感じ。
このブログで、上記のように範囲選択して「コピー」。
次に、実際のCSS編集画面。
貼り付けのイメージは、以下の感じ。解説は写真の下。
まず、どこに貼り付けるか？
正直どこでもOK。
でも、マナーとして
「 (1)基本のスタイル 」
の中が良い。目次のすぐ下。
目次
→ 「 (1)基本のスタイル 」
→ 「 (1-1)基本テキスト全体 」
→ 「 /* 地色テキスト */ 」
とあるけれど、この次の空白部分。
html{ ～ }
のように、中括弧 { } の中は、不可。
中括弧｛｝で囲まれていない、空白部分に貼り付け。
これは絶対守るルール。
※ /* ～ */ はコメントなので、無視される。
貼り付けを実際に行うと、以下の感じになる。
最後に、画面下の
ボタン「保存」
を押せば完了。
【4】備考
貼り付ける内容で、最初に
”メイリオ”
と記述しておくことで、フォントがメイリオになる。違うフォントにしたい場合は、この記述を変更する。