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

ラップトップ、背面図とソファに座っている女の子(5-7)

CSSを使用してWebページのフォントサイズを簡単に変更できます。

画像クレジット: Ableimages / Photodisc / Getty Images

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

CSSを使用したフォントサイズの定義

フォントサイズは、CSS属性「font-size」を使用してWebページで設定されます。 フォントサイズは通常、 活版印刷の尺度「em」、ここで1.0は現在のフォントサイズ、またはパーセンテージ、ここで100パーセントは現在のフォントです サイズ。 「smaller」、「larger」、「small」、「xx-large」などのプリセット値名を使用することもできます。 サイズを定義している間 ピクセルまたはポイントで有効です。テキストが特定の場所で正しく拡大縮小されない可能性があるため、お勧めしません。 状況。

今日のビデオ

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

このテキストは通常​​より大きくなっています。

このテキストは小さいです。

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

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

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

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