2014/01/16

Blogger 本文のフォントをメイリオ/Meiryo UIに変更したい

Blogger Japan コミュニティに質問が上がっていたので試してみました。

メイリオやMeiryo UIとは

マイクロソフト社OS「Windows」用 日本語版の新しいシステム用フォントです。
Windows 7からはMeiryo UIが導入され、Office等で使われているリボンUIに最適化されたフォントです。
詳しくは下記リンクをお読みください。
Windows XPにはVer5.00が別途用意されています。
http://www.microsoft.com/ja-jp/download/details.aspx?id=10550

手順を説明する前に

Bloggerのテンプレートにあるフォント一覧を見ると、Arial等どのOSにも入っているフォントやWebフォントが選択できます。
この一覧にはメイリオやMeiryo UIはありません。
そのため、メイリオやMeiryo UIをBloggerの優先テキスト フォントにしてしまうと、フォントが入っていないデバイスではArialやTahoma等標準のフォントになります。
その点を理解した上でフォントを指定しましょう。

本文のフォントをメイリオ/Meiryo UIに変更する手順

  1. Blogger 管理画面に入いる
  2. 左側の[テンプレート]→[HTMLの編集]をクリック
  3. <b:skin>内にVariable要素がたくさんありますが、その中からname属性 値body.fontを見つける
  4. value属性のフォントの先頭に[Meiryo UI]や[メイリオ]を追記する
    ※default属性ではありません。
    image
  5. [テンプレートをプレビュー]をクリックし、変更されているか確認
  6. 問題がなければ、[テンプレートを保存]をクリック

変更前後の違い

2014-01-16_133656
2014-01-16_133755
2014-01-16_133709
スポンサーリンク

スポンサーリンク