本文へスキップ

文字サイズの変更 / ホームページビルダー21フルcssテンプレート編集

文字サイズの変更 / ホームページビルダー21フルcssテンプレート編集

文字サイズの変更 / ホームページビルダー21フルcssテンプレート編集

文字サイズの変更

  • 【文字のサイズを変更する方法】
    （文字サイズの変更をしない場合は、この説明を飛ばして次に進んでください）

    【CSSを変更して本文の文字の大きさを変える】
    本文の文字が小さいような気がするので変更します。

    文字の大きさ・書体・文字の色はCSSによって指定されています。
    （CSSを書換え変更編集するとテンプレートのバランスが変わることがあります。
    自分の責任でお試しください。）

    ①ドキュメントからホームページのファイル（テンプレート）が入ったフォルダを開きます。
    ②CSSファイルcontainer_1R_2c_right（カスケード スタイル シート）を開き文字のサイズ変更をします。
    ○○○○○○○○イメージ
  • 黄色の部分を見て下さい。
    Font-sizu：75％；となっています。75％を100％と書き変えます。
    ・要素リセットからfont-size: 75%; →font-size: 100%;と変更します。
    ○○○○○○○○イメージ
  • 100％と書き変えました。
    ○○○○○○○○イメージ
  • 書き変えた後は「ファイル（F）」→「上書き保存（S）」として変更の保存は終了です。
    ○○○○○○○○イメージ
  • 書き変えたあと文字が大きくなっているかどうか確認します。
    ホームページビルダーを起動します。

    文字が大きくなっています。
    ▼CSSを書き変えなくともHTMLで文字の大きさを変更もできます。

    ▼文字サイズを変更しなかった場合
    ・ＰＣで見た場合は、そのまま小さく見える場合があります。（ＰＣのブラウザによって異なる）
    ・スマートホンの場合は、スマートフォン側で調整されます。（大も小も同サイズに変更される）

    文字の大きさを比べてみました。 下の画像は、75％です。
    ○○○○○○○○イメージ
  • 下の画像は、100％に変更後です。
    大きくなったのが確認できました。
    いろいろなとこの文字の大きさが変わりました。
    ○○○○○○○○イメージ
  • 質問やお問い合わせは、LINEでお願い致します。
    LINE ID