AFFINGER4の基本のフォントサイズは599px以下(スマートフォンサイズ)、600px~959px(タブレットサイズ)、960px~(PCサイズ)の3パターンに分かれています。
「外観」>「style.css」でCtr+F
などで「各フォント設定」と検索すると以下のような記述が3か所見つかるかと思います。
/*-------------------------------- 各フォント設定 ---------------------------------*/ /*基本のフォントサイズ*/ p, /* テキスト */ .st-kaiwa-hukidashi, /* ふきだし */ .yellowbox, /* 黄色ボックス */ .graybox, /* グレーボックス */ .redbox, /* 薄赤ボックス */ #topnews .clearfix dd p, /* 一覧文字 */ .post ul li, /* ulリスト */ .post ol li, /* olリスト */ #comments #respond, /* コメント */ #comments h4, /* コメントタイトル */ .post h5, /* H5 */ .post h6 /* H6 */ { font-size: 17px; line-height: 28px; }
3パターンのサイズは
/*media Queries タブレット(600px)以上で適応したいCSS -タブレット・PC ---------------------------------------------------------------------------------------------------*/ @media only screen and (min-width: 600px) {
というように分かれていますので各所の
font-size: 17px; //文字サイズ line-height: 28px; //行間
を任意に変更してもらえればと思います。
子テーマにて記述をすれば今後のアップデートで上書きされる心配がありません。
【子テーマへの記述例】
/* Theme Name: AFFINGER4 Child Template: affinger4 Version: 20160912β */ @import url('../affinger4/style.css'); /*-------------------------------- 各フォント設定 ---------------------------------*/ /*基本のフォントサイズ*/ p, /* テキスト */ .st-kaiwa-hukidashi, /* ふきだし */ .yellowbox, /* 黄色ボックス */ .graybox, /* グレーボックス */ .redbox, /* 薄赤ボックス */ #topnews .clearfix dd p, /* 一覧文字 */ .post ul li, /* ulリスト */ .post ol li, /* olリスト */ #comments #respond, /* コメント */ #comments h4, /* コメントタイトル */ .post h5, /* H5 */ .post h6 /* H6 */ { font-size: 17px; line-height: 28px; } /*media Queries タブレットサイズ(960px以下) ----------------------------------------------------*/ @media only screen and (max-width: 960x) { /*-- ここまで --*/ } /*media Queries タブレットサイズ(600px以上) ----------------------------------------------------*/ @media only screen and (min-width: 600px) { /*-------------------------------- 各フォント設定 ---------------------------------*/ /*基本のフォントサイズ*/ p, /* テキスト */ .st-kaiwa-hukidashi, /* ふきだし */ .yellowbox, /* 黄色ボックス */ .graybox, /* グレーボックス */ .redbox, /* 薄赤ボックス */ .post ul li, /* ulリスト */ .post ol li, /* olリスト */ .post h5, /* H5 */ .post h6 /* H6 */ { font-size: 20px; line-height: 30px; } /*-- ここまで --*/ } /*media Queries PCサイズ(960px以上) ----------------------------------------------------*/ @media print, screen and (min-width: 960px) { /*-------------------------------- 各フォント設定 ---------------------------------*/ /*基本のフォントサイズ*/ p, /* テキスト */ .st-kaiwa-hukidashi, /* ふきだし */ .yellowbox, /* 黄色ボックス */ .graybox, /* グレーボックス */ .redbox, /* 薄赤ボックス */ .post ul li, /* ulリスト */ .post ol li, /* olリスト */ .post h5, /* H5 */ .post h6, /* H6 */ .post table tr td, table tr td /* テーブル */ { font-size: 15px; line-height: 25px; } /*-- ここまで --*/ }