シリウス管理画面、サイトオプションのフォント、文字サイズ設定は一つですね

ですので、何もしなければPCとスマートフォンでは、同一サイズの文字サイズで、
表示されます

しかし、事情によりやや小さくする選択を望む方もおられます

その場合は、スタイルシートでの指定となるのですね

スタイルシートの基本構造を見てみますと、PCとスマートフォンで切替わる指定と
そうでない、未指定、フォントでいえばどちらでも同じサイズなら項目が一つ

分離指定が無いと理解できます

ですので、一つのしてのみの場合は、原本記述の書き換えではない、追加行も必
要となってきます

では、記事フォントサイズ変更へ進みます

１、2カラム対応

スタイルシート原本　68番目　やや位置のずれがあるかもしれません

スマートフォンサイズでの記事フォントサイズ変更は、一つの指定しかないので
新たに指定項目を追加します

記事のフォントサイズ指定個所を確認しましょう

bodyの項目があります

ここから
body {
background-color: #f2f5f8;
border-top: 4px solid #4e7ba0;
color: #333333;　　　
font-family: 'メイリオ', Helvetica, 'Hiragino Kaku Gothic Pro', sans-serif;
font-size: 15px;　　/フォントサイズの指定/
line-height: 180%;
text-align: center;
letter-spacing: -0.001em;/* iOS4でのテキストの隙間への対応 */
-webkit-text-size-adjust: 100%;/* 文字サイズの自動調整機能のキャンセル */
}

上記の項目は、一つしかなくPC用指定がスマートフォンサイズでも反映されるのです

で、スマートフォンでサイズを小さくする場合は、body項目のすぐ直下に、mediaコードで
囲み、/フォントサイズの指定/で、サイズを書き換え
同項目を再記載します

font-size: 12px;に書き換えてみました

@media screen and (max-width: 640px) {
body {
background-color: #f2f5f8;
border-top: 4px solid #4e7ba0;
color: #FF0A0A;
font-family: 'メイリオ', Helvetica, 'Hiragino Kaku Gothic Pro', sans-serif;
font-size: 12px;　　/フォントサイズの指定/
line-height: 180%;
text-align: center;
letter-spacing: -0.001em;/* iOS4でのテキストの隙間への対応 */
-webkit-text-size-adjust: 100%;/* 文字サイズの自動調整機能のキャンセル */
}
}

これで記事フォントは、スマートフォンでは縮小されます

他のフォント変更は、後程....

PCとスマートフォンでの文字サイズの切り替え表示
フォント、文字のカスタマイズまとめ
トップページ

関連ページ

サイトタイトル、説明文の表示指定

シリウスのレスポンシブテンプレートで、サイトタイトル、説明文の表示指定は、サイトオプションで設定します

ヘッダーのタイトル、テキストの表示幅変更

シリウスサイトのトレスポンシブ表示では、ヘッダーテキストの横幅範囲が狭く、文字数が制限以上では途中でも折り返されてしまいますが、指定は拡張もできます 指定の拡張方法