WING(AFFINGER5及びSTINGER PRO2)のマニュアルはコチラです※パスワードは商品フォルダ内テキストを確認

AFFINGER4 micata3 STINGER PRO

デフォルトの文字(フォントサイズ)の変更

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;
	}

/*-- ここまで --*/
}

参考子テーマ:投稿ページのカスタマイズ

NEW大幅に進化した新バージョンWING(AFFINGER5 / STINGER PRO2)好評発売中!

ユーザー様の声

ユーザーの声をさらに見る

新バージョン「WING」を見る

ご利用バージョンやテーマにより設定方法やキャプチャ画像が異なる場合がございます

※テーマアップデートにより情報が一部異なる場合がございます

-AFFINGER4, micata3, STINGER PRO

Copyright© STINGER's MANUAL , 2020 All Rights Reserved Powered by AFFINGER5.