今日は、文字(フォント)をメイリオにする方法をご案内します。

1.「ブログを書く」→「デザインの変更」→「CSSの編集」
2.body{}というCSSを見つけます
3.太字の部分をコピーし、貼り付けます
4.「保存」ボタンをクリックします


body{
color: #333333;
margin:0;
padding:0;
text-align:center;
font-family: “メイリオ”,”Meiryo”, “Osaka”, “MS Pゴシック”, “MSゴシック”, “ヒラギノ角ゴ Pro W6”, Helvetica, verdana, arial;
}


以上で、完了です。


フォントの優先順位

「font-family」に指定したフォントは、左側が一番優先順位が高くなっています。
つまり、「メイリオ」がインストールされていないパソコンでブログを閲覧した場合、第2順位の「Meiryo」が適用されます。
また、例えば、Macにはメイリオ系フォントが入っていないので、「Osaka」が適用されます。

この記事を書いた人

山田 華月WEBデザイナー

1982年7月 岐阜県岐阜市生まれ WEB制作会社に勤務後、WEBデザイナーとしてサイバーインテリジェンスに入社。のべ100件以上のHP制作、アメブロカスタマイズを手がける。コーディング、デザイン、ディレクションと幅広い経験を活かし、WEB制作部門のリーダーを任されている。お客様の為なら、採算度外視でモノ創りをする。 趣味:ショッピング、カフェ巡り