SIRIUS（シリウス）レスポンシブテンプレート【facile】説明書

※この機能の使い方は、特典テンプレートfacile、fine、grandで共通となっております。

SIRIUSのテンプレートは、サイトオプションから文字サイズの調整が出来ます。
これはfacileも同様ですが、ここで指定した文字サイズは、スマートフォンでも同様のフォントサイズで表示されてしまいます。

PCだと画面の大型化が進んでいるので、幅広い世代に見やすくするためには16px以上が好ましいと思います。

しかし、スマートフォンの場合は顔から至近距離で狭いディスプレイを見ることになるため、サイトのジャンルやターゲット年齢層にとっては「フォントサイズ16pxだと大きすぎて、1画面中の文字情報量が少なくなって、その分スクロールが多くなるのが困る」

というケースもあります。

そこで、スマートフォンで見た場合のフォントサイズを変更するには、スタイルシートに以下のタグを付加します。

スタイルシートの一番下に書きましょう。

保存してアップロードで反映されます。

各フォントサイズの見栄えサンプル

スマートフォンの見栄えチェックのために、サンプルを用意しました。

私はiPhone5s(4インチ）、XperiaZ3Compact(4.7インチ。iPhone6とほぼ同等）、GalaxyS4(5インチくらい）を持っていて、スマートフォンの見栄えは各端末でチェックしています。（テンプレ作りの上では欠かせない）

ここまでやる必要は無いと思いますが、iPhone5ｓくらいの小さいディスプレイと、iPhone6かXperiaZ3Compactの4.7インチ程度のものでチェックすると良いと思います。

ということで、サンプルもiPhone5sとXperiaZ3Compact（iPhone6と同等サイズ）を用意しました。

フォントサイズ16pxの場合

（左がiPhone5s、右がXperiaZ3Compact）

まず16px。iPhone5sで見るとちょっと大きいかもしれませんね。
XperiaZ3Compact（iPhone6と同等サイズ）なら1行あたりの文字数が長くなるからそこまで気にはなりませんが。

フォントサイズ15pxの場合

15pxだと丁度良い感じですね。
でも50代以上の年齢層には厳しいかもしれません。
10代～40代前半ターゲットなら大丈夫そうです。

フォントサイズ14pxの場合

これだと40代くらいの層は厳しいかもしれません。

フォントサイズ12pxの場合

12pxは全ての層にとってアウトでしょうね。小さすぎです。

私の結論

オールマイティなのは16pxが良いと思います。
40代前半～中盤くらいまでの層が大部分のターゲットなら、15pxが良いかもしれません。

14px以下だと、文字がみづらくなって読みにくさが増大する可能性が高くなり、途中離脱される可能性も大きくなるかもしれません。

ですので13pxは割愛しました。12pxは無しでしょうね。

個人的な感想と評価なので、ご利用者様がご自身で適宜変更すると良いと思います。

関連ページ一覧

私のお勧め