TOP

スマホサイトでは文字が見ずらい場合は大きくします

シリウスiPhone機能で規定表示されるスマートフォン画面を見てみると構成に
よりますが、フォントが小さく読みずらいとも感じられることもあるでしょうか?

 

若い方は小さな文字でも はっきり認識できるのでしょうけれど
老眼?近くの年齢の方にはちと読みずらい!てか、形状が認識できない..

 

でも、老眼ならずともサイト構成により読みずらいこともあります...
自分サイトを見て、読みにくい感じられたら、...
あなただけに限らない...サイズを訪れた読者にも当てはまること...
でしたら...すこしフォントを大きくしてみましょう...

 

スポンサーリンク

 

 

変更は、テンプレートメニューをクリックして
iPhoneサイトスタイルシートを開きます

 

 

最上部項目より7段目
font-size:0.9em;
0.9emの数値を1.0 か1.1に変更します

 

余り数値を上げすぎても 大きすぎてさらに読みずらくなります

 

赤色が指定箇所です
@charset shift_jis;
@import url(./css/commonstyles.css);
@import url(./css/tables.css);
body {
text-align:center;
color:#333;
font-size:0.9em;
line-height:1.6em;
font-family:メイリオ, Helvetica, HiraKakuProN-W3, sans-serif;
margin:0;
padding:0;
}

 

 

他にも...h1やフッターなど文字を変更することも可能です

 

上記記載以降のスタイルシートを確認し

 

font-size:と記した箇所があればそこで大きさの
変更が可能です

 

けれど、記事以外はデフォルトでも充分サイズ調整は適合サイズにあわされて
おりますので、余りいじる必要は無いかなと思われます

 

 

文字サイズの変更確認は、最上部メニューからシステム設定

 

シリウスプレビュー機能で、iPhoneサイトを選択すればご確認いただけます

 


 

スマホサイト フォントサイズを簡単カスタマイズする方法 P-TOP
SIRIUS iPhone機能 シリウスモバイル対応カスタマイズ P-TOP
SIRIUS シリウスカスタマイズ

スマホサイト フォントサイズを簡単カスタマイズする方法関連解説
iPhone機能を追加したなら手動作業も必要
シリウスサイトを設定画面でiPhone機能を追加することは簡単にできますが、それて終わりではありません 手動でいくつものスマホモバイル適合作業を行う必要があるのです
iPhone用テンプレート初期化
シリウスで以前よりiPhone用テンプレート同時公開しているサイトで モバイルユーザビリティの警告があるような場合 テンプレートに問題がある可能性があります
PC画面スマホモバイル自動切り替え要素指定方法
シリウスのPC画面とスマホモバイル画面で外部スクリプト等で自動サイズ変更とならないスライダー画像等サイト内に置くサイズのある要素は自動切り替えに指定し適合するようカスタマイズします
iPhone画面にユーチューブ動画表示サイズを適合する手順
シリウスサイトをiPhone同時後悔設定にした際 サイト内に置いてあるユーチューブ動画もiPhone画面で調度良い表示サイズに指定しましないと半分程度の範囲でしか認識できません
iPhoneサイト背景カラーをカスタマイズ
SIRIUS シリウスiPhoneサイトの背景カラーを意味深なカラーにカスタマイズしてみるとまた違ったイメージを打ち出せるかもしれません?
iPhone機能 モバイル表示画面を確認する
シリウスをiPhone同時公開に指定する際 モバイル画面では どのように表示されるかを確認しながら構築してゆくことが出来ます
スマホとPC画面を分離適合サイズで読み易く表示する方法
シリウスサイトのスマホサイトとPCサイトでの表示内容をモニタリングサイズに適合した読みやすい構成に分離表示する方法のご案内です