本文へスキップ

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

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

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

文字サイズの変更

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

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

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

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

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

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

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