文字フォントをメイリオにする方法

☆*･カフェビバーチェ｡.:*･゜ﾟ･*☆*･゜ﾟ･*:.｡..｡.:*･☆

木曜日とご予約、イベント開催の場合は曜日にかかわらず、11:00～15:00、カフェをオープンしています。

コンセプトは、「おいしく健康に！」
食育トレーナーのオーナーが
コーヒー、お茶をはじめ、スイーツ、ランチなど
身体に優しいメニューをご用意してお待ちしています。

少人数グループのイベント会場としてもご活用くださいね。

☆*･゜ﾟ･*:.｡..｡.:*･☆･*:.｡. .｡.:*･゜ﾟ･*☆*･゜ﾟ･*:.｡..｡.:*･☆

おはようございます。
夢が叶うブログのHirokoです。

先日は『文字フォントを変えてみる』という題名で
大まかにフォントのことをお伝えしました。

今日はもう少し具体的に、
cssを使って、文字フォントをメイリオにする
方法についてお伝えします。

アメブロでカスタマイズ可能なデザインの場合、
CSS編集画面で以下を追加します。

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

もし、カスタム可能デザインでない場合は、
フリースペース編集で以下を追加します。

<style type="text/css">body{font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;}</style>

ホームページなどのCSSを編集する場合、
bodyの中のfont-family:を以下に変更します。

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

いかがでしょうか？
自分でもできそうですか？
文字を変えるだけでも、全体の雰囲気が変わります。
試してみてくださいね。

今日も最後まで読んでいただいてありがとうございました。