気づきました～？ブログのフォントを変えました。ブログのフォントを変える方法。

メニュー料金　/ サロンへのアクセス　/ 予約の空き状況　/ ご予約・ネイルスクールお問い合わせ

ブログ文字のフォントを変えました！
細かすぎて伝わらない！？
メイリオという角が丸い文字のフォントに変えたのです。

この方がかわいいかな。と思いまして。。。

アメブロカスタマイズの方法を書いている
あめつくさんの方法を参考にしました。

以下転載です。
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

ここでは、アメブロのcssを編集して「ブログ全体のフォントを変更する方法」を説明します。

【変更前】

【変更後】

なお、cssを編集するにはブログデザインを「CSS編集用デザイン」にする必要があります。ブログのデザインをCSS編集用デザインにする方法は、「アメブロのcssを編集するための設定」を参考にしてください。

ブログ全体のフォントを変更する方法

マイページ右上の「アメーバのサービス一覧」をクリックします。

[デザインの変更]をクリックします。

[cssの編集]をクリックします。

cssの編集画面が表示されます。ここから、ブログ全体のフォントを変更するためのcssの編集に入ります。

下の赤枠の内容をコピーします。これが、ブログ全体のフォントを変更するcssです。

body{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

【補足説明】赤文字の部分がフォントを指定している部分です。

フォント名は「,（カンマ）」で区切られています。先頭の「ヒラギノ角ゴ Pro W3」といのがフォント名です。フォント名にスペースが含まれている場合は、「”（ダブルクォーテーション）」で囲むというルールになっています。

フォントを複数指定しているのは、パソコン（OS）ごとに表示できるフォントが違う為です。

上記のように指定すると、Windowsのパソコンで表示した場合は、「メイリオ」で表示されます。Windowsは、上記のフォント名の先頭から利用できるフォントをさがし、利用できるフォントがみつかったら、そのフォントで表示します。「メイリオ」より前に書いてあるフォントは、Windowでは利用できません。Macなら利用できます。

以上、ざっくり説明でした。

より詳しく、より正しく理解したい場合は、調べてみてください。

コピーした内容はcssの一番下の部分に貼り付けます。
貼り付けが終わったら、[保存]ボタンをクリックして追加したcssを保存します。