おじさんの備忘録-番外編- » フォント

WordPress 2.8.x ビジュアルエディタのフォント変更

kecha — Sat, 17 Oct 2009 00:47:25 +0000

WordPress2.8.4にアップデートしたらビジュアルエディタ使用時のフォントが明朝体に戻っていたので再度メイリオに変更した。
ただ2.7.ｘシリーズからはファイル構成がかなり変わっていたので、下記ファイルを探すだけで時間を費やしてしまった。

wp-includes/js/tinymce/themes/advanced/skins/wp_theme/content.css
74行目から

body.mceContentBody {
	font: 13px/19px Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
	padding: 0.6em;
	margin: 0;
}

pre {
	font: 12px/18px Consolas, Monaco, "Courier New", Courier, monospace;
}

変更後

body.mceContentBody {
	font: 13px/19px "Meiryo", Arial, Helvetica, sans-serif;
	padding: 0.6em;
	margin: 0;
}

pre {
	font: 12px/18px "Meiryo", Arial, Helvetica, sans-serif;
}

変更したもののビジュアルエディタを使用していないので意味はなし。

WordPress 2.7.1にアップデート

kecha — Wed, 11 Mar 2009 09:45:12 +0000

テスト環境では2.7リリース後すぐにインストールして遊んでいたものの、2.7.xx目玉である管理画面に違和感を覚えこのサイトに導入するのを見合わせていた。
最近ようやくその画面にも慣れてきたためアップデートしてみた。管理画面自体かなりカスタマイズ出来るみたいだが不要な物を２つほど非表示にしただけで殆どデフォルトでの使用。

ただビジュアルエディタ使用時のフォントだけは我慢できなかったのでメイリオに変更した。
/wp-includes/js/tinymce/wordpress.css 54行目
変更前

body.mceContentBody {
	font: 13px/19px Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
	padding: 0.6em;
	margin: 0;
}

変更後

body.mceContentBody {
	font: 13px/19px "Meiryo", Arial, Helvetica, sans-serif;
	padding: 0.6em;
	margin: 0;
}

結果

期待通りの表示にはなったもののバージョンアップ等でアップデートすれば、その都度書き直さなくてはいけないので根本的な解決にはなっていない。

ビジュアルエディタのフォントを変更

kecha — Wed, 10 Oct 2007 03:59:59 +0000

WordPressに標準で装備されているビジュアルエディタTinyMceの記事投稿画面のフォントはデフォルトの状態ではTimes New Romanになっている為、日本語を打ち込んだ際は少々違和感がある。

wp-includes/js/tinymce/plugins/wordpress.cssの28行目にフォントを設定する箇所があるのでお好みに変更すれば問題は解決。

body {
background: #fff;
font: 1em/1.3em Georgia, “Times New Roman“, Times, serif;
padding: .5em;
}

修正後

body {
background: #fff;
font: 1em/1.3em Georgia, “MS UI Gothic“, Times, serif;
padding: .5em;
}

参考記事 >> ビジュアルエディタのフォントの大きさ