WordPressのテーマに日本語フォントの指定をする

/WordPressのテーマに日本語フォントの指定をする

WordPressのテーマに日本語フォントの指定をする

最近フォントの大きめなサイトが多いので、テーマのデフォルトのフォントを変更したい。

上記のようなサイトも多いので、あまり字が小さいと読んでもらえない場合もあるため、フォントのサイズと読み易さなどを変更したいと思った。あまりにも当たり前な設定の気がするがメモとして残しておこう。

いくつか気になるサイトのフォント指定を確認してみた。確認にはGoogle Chromeで見ているサイトのページから、右ボタンで「要素の検証」を選択すると、たどってCSSでのフォントの指定などを確認することができるので便利だ。またWordPressでは「外観」から「CSS編集」を選択すると、CSSを追記することができる。これは一番最後に読み込まれるCSSなので、その前の指定は上書きされるため、ここに指定をしておけば良い。今回は本文部分のみのスタイル指定を追加した。

body {
 font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
Osaka, "MS Pゴシック", "MS PGothic", Sans-Serif;
 font-size: 10.5pt;
 line-height: 1.5;
 }

英語のテーマなどもたくさんあるが、これらを使うときも同等の指定で見易くなるはずだ。もちろんもっとフォントのサイズを大きくしても良い。pxやemの指定もできるのだが、自分が分かり易いように今回はptで指定した。換算表はこちらにある。

フォントは大きくすればするだけ見易くなるかというと、そうでも無いところが難しい。行間は1.5ぐらいが丁度良いと思う。WindowとMacでもブラウザーによってフォントの大きさはまちまちなので、調整で深みにはまるときりがない。あるところで納得するしかないと思う。

2016-09-16T13:34:07+00:002013/03/16 |UI/UX, WordPress|