文字サイズの変更 / ホームページビルダー21・22フルcssテンプレート編集
文字サイズの変更 / ホームページビルダー21・22フルcssテンプレート編集
文字サイズの変更 / ホームページビルダー21・22フル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％に変更後です。
大きくなったのが確認できました。
いろいろなとこの文字の大きさが変わりました。
-
▼TOPICSの増やし方 ▼段落の増やし方 ▼トッピクスへの写真の入れ方 ▼トッピクスへの表の入れ方 ▼NEWSを削除する ▼トピックスの文字サイズを変更 ▼トピックスの文字の色を変更 ▼トピックスバーの色を変更
- ▼質問やお問い合わせは、LINEでお願い致します。(無料)
▼LINE登録は、QRコードをタップして下さい。
