HTML のフォント サイズを変更する方法

HTML のスタイル言語である Cascading Style Sheets の font-size プロパティを使用して、Web ページのフォント サイズを制御できます。 HTML 5 以降、フォント スタイルに対する CSS アプローチは、古い "font" タグに取って代わります。 font タグは HTML 4 形式の Web ページでは有効ですが、HTML 5 では有効なタグとしてサポートされなくなりました。

CSS によるフォント サイズの定義

フォント サイズは、CSS 属性「font-size」を使用して Web ページに設定されます。フォント サイズは通常、タイポグラフィ メジャー "em" を使用して定義されます。ここで、1.0 は現在のフォント サイズ、またはパーセンテージ (100% は現在のフォント サイズ) です。 「小さい」、「大きい」、「小さい」、「xx-大きい」などのプリセット値の名前を使用することもできます。サイズをピクセルまたはポイントで定義することは有効ですが、特定の状況ではテキストが正しくスケーリングされない可能性があるため、推奨されません。

HTML タグでの CSS の使用

Web ページの本文にあるほぼすべての HTML タグでスタイルを使用できます。タグに「style」属性を追加し、CSS font-size 属性を必要なサイズに設定します。スタイルは、タグの先頭と末尾の間のテキストに影響します。例:

このテキストは通常​​より大きいです。

このテキストは小さくなっています。

このテキストも小さくなっています。

スタ​​イル シートでの CSS の使用

Web ページに CSS スタイル シートがあり、ページの Head に埋め込まれているか、別のファイルで定義されている場合は、そこでフォント サイズを変更できます。スタイル シートは、Web ページに全体的な変更を加える場合に便利です。変更する宣言を検索または追加し、font-size コードを追加します。たとえば、すべての段落タグのフォント サイズを大きくするには、次を使用します。

p { フォントサイズ:125%; }