• MENU●●●●
  • スマホサイト フォントサイズを簡単カスタマイズする方法


    シリウスカスタマイズ アコーディオンブラインドメニューシリウスへ取り付け完了 詳細は外部カスタマイズメニューでご覧ください

    スポンサー広告

    関連記事


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

    シリウス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サイトでの表示内容をモニタリングサイズに適合した読みやすい構成に分離表示する方法のご案内です

       広告

    .













    お勧め目 抜粋






















































    shop

    特典付き広告..ポチする
    【上位版】次世代型サイト作成システム「SIRIUS」


    シリウスカスタマイズで気を付けること


    サイトにnorton|ノートンの安全評価を付ける


    カスタムに使える情報

    Webデザインで使えるWeb配色ツールまとめサイト