MovableType4.01でブラウザのフォントサイズ指定を反映させる

　MovableType4で使用できるスタイルにMinimalist Redというものがある。いまごらんいただいているスタイルだ（RSSリーダー等で読んでいるかたは実際にサイトで確認していただきたい）。

　じつはMinimalist Redというスタイル、ブラウザでフォントサイズを変更しても表示に反映されないのである（IE7とOperaでは反映されなかったが、ほかのブラウザであればあるいはフォントサイズがかわるかもしれない。情報求む）。

　Minimalist Redといったが、MovableType4のほかのスタイルであっても同様だろう。ブラウザでフォントサイズを変更しても表示に反映されないのではなかろうか。

　ブラウザでフォントサイズを変更しても表示に反映されない原因はハッキリしている。フォントサイズを絶対サイズで指定してしまっているからだ（詳しくは望ましい文字サイズの指定方法とはを参照していただきたい）。指定箇所を修正して原因をとりのぞきたいものである。

　MovableType3.3から4.0にアップデートした直後は、なにがなにやらわからなかった。ブログのテンプレートで「スタイルシート(ベーステーマ)」（ファイル名はbase_theme.css）をいくら編集してもどうにもならなかったからだ（というかbase_theme.cssではほとんどの箇所で相対指定が使われていた）。

　それもそのはずである。原因は「スタイルシート(メイン)」（ファイル名はstyles.css）をのぞけばすぐにわかる。

@import url(/******/mt/mt-static/themes/minimalist-red/screen.css);

　このファイルがどうもくさい。ちなみに******は伏字だ（たぶん、バレバレだろうがこういうことはいちおう秘密にしておくものでしょう？）

　該当のファイルはMovableType4.0の管理画面からは編集できません（方法があれば知りたいくらい）。FTPソフトを利用してダウンロード。内容を確認してみましょう。

body { font: normal 13px arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif; }

　13px。これですね。13pxを消しちゃいましょう。

body { font: normal arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif; }

　上書きでアップロードして、「スタイルシート(メイン)」で「保存と再構築」をおこなえば完了。

　これで、ブラウザでフォントサイズを変更すれば、記事本文のフォントサイズにも反映されるようになります。