このwordpressのテーマ「Twenty Fifteen」
最初に行った作業で子テーマを作成したのでこれからカスタマイズを行っていきます。
まず手をつけたところはフォントです
もともと日本語のテーマではありませんので仕方の無いことですが
Twenty Fifteenのフォントではなんか見づらいですよね
そこで見やすいフォントとしてメイリオを指定するようにします。
しかしメイリオフォントがパソコンに入っていない人もいるので
その場合は、ヒラギノ角ゴ Pro W3
それも入っていない場合は、ＭＳ Ｐゴシックで表示されるようにしました。
親テーマでfont-familyを検索すると36箇所ありました
全部変更しないとなんですかね？
よくわからないのでとりあえず様子を見ながら必要ならば変更していきます
まずは一番重要なところから・・・
以下のコードを子テーマに記述します。
|
1 2 |
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;} |
こちらが変更前
こちらが変更後
やわらかい感じになりましたね
ただ記事タイトルが大きくてアンバランスな気が・・・
次回はそのあたりを直そうかな
「テーマ「Twenty Fifteen」のフォントをかえる」への1件のフィードバック