twentyfourteen子テーマでフォントを変えてみる

まだまだ手を入れるところがいっぱいの当blogですが、文字の大きさやフォントが気になってきました。

自分で読んでいてもかなり見にくい(^_^;。

といっても、デザイナーさんではないのでどうしたらいいかなーとググってみました。

CSSのfont-family指定はこれで決まり！（2013春）—遠近法ノート

こちらでおすすめされている指定のフォントに変えてみたいと思います。

本文に指定されているフォントは、twentyfourteenフォルダの下にある　style.css　の頭、

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 {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

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 {

border: 0;

font-family: inherit;

font-size: 100%;

font-style: inherit;

font-weight: inherit;

margin: 0;

outline: 0;

padding: 0;

vertical-align: baseline;

}

ここで指定されています。　フォントは

font-family: inherit;

という行で指定されているので、この部分を変えてみたいと思います。twentyfourteenの子テーマのstyle.cssに

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: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}