日本語をデフォルトで使えるのは有り難い。ただそのフォントはちょっと見栄えがよくないなーと長い間思っていた。有るパソコン雑誌で、メイリオがよいと記事を読んだ。そこで今回、思い切って、フォントを変えてみることにした。
もちろん館主は下手の横好きなので、スタイル・シートについてド素人。ウェブで調べると、ずいぶんとたくさんの記事がある。しかし意外と使えない。
参考にさせていただいたのは、「CSSのfont-family設定」
でも結果は館主の好みとも違うので、こちらはこちらで試行錯誤。アルファベットのフォントは現状で気に入っているので、そこは変えたくない。日本語だけ、改善したいのだ。環境はWindows 7、ブラウザーはIE9。環境が異なると、見栄えも異なるので、あくまで同じ環境で使う方へのご参考。
いじったのは、Appearance > Editor > Stylesheet (style.css)
/* =Fontsラインのすぐ下にフォントが定義されている。まずはデフォルトのフォントを使うとどうなのかお見せしよう。下がオリジナル、その下が出力画面。ちょっと一部はまるで中国語？みたいな感じ。
font-family: Georgia, “Bitstream Charter”, serif;
こういう風に変えてみた。
font-family: “メイリオ”, “Meiryo”, “ヒラギノ角ゴ Pro W3″, “Hiragino Kaku Gothic Pro”,”Osaka”, “ＭＳ Ｐゴシック”, “MS P Gothic”, Georgia, “Bitstream Charter”, serif;
すると、だいぶ良くなった。でもちょっとまだイマイチ、quoteの中のフォントがギザギザしており、見栄えがまだよくない。
結局、あれこれ試した末、最後は単純にこれで決めた。
font-family: “メイリオ”, “Meiryo”, Georgia, “Bitstream Charter”, serif;
Related posts: