HTMLでフォントを設定する方法

htmlフォントの設定方法: 1. [font-variant] 属性で小さい大文字を設定できます; 2. [font-weight] 属性でテキストの太さを設定します; 3. [font-size] 属性でテキストの太さを設定しますのサイズ。

#このチュートリアルの動作環境: Windows7 システム、html5 バージョン、DELL G3 コンピューター。

htmlフォントの設定方法:

1. フォント変形

font-variant 属性 Smallキャップを設定することができます。

スモールキャップは通常の大文字でも小文字でもありません。異なるサイズの大文字です。

例

p {font-variant:small-caps;}

2. フォント太字

font-weight この属性はテキストの太さを設定します。

テキストを太字にするには、bold キーワードを使用します。

キーワード 100 ～ 900 は、フォントの太さの 9 レベルを指定します。フォントにこれらの太字レベルが組み込まれている場合、これらの数値は事前定義されたレベルに直接マッピングされ、100 は最も薄いフォント バリアントに対応し、900 は最も太いフォント バリアントに対応します。 400 は標準、700 は太字に相当します。

要素の太字をより太字に設定すると、ブラウザは継承された値よりも太字のフォントの太字を設定します。対照的に、キーワード「lighter」を使用すると、ブラウザは太字を上ではなく下に移動します。

Example

p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}

3. Font size

font-size プロパティはテキストのサイズを設定します。

Web デザインの世界では、テキスト サイズを管理できることが重要です。ただし、段落を見出しのように見せたり、見出しを段落のように見せたりするためにテキストのサイズを変更しないでください。

見出しには

～

、段落には

など、常に正しい HTML 見出しを使用してください。

font-size 値は絶対値または相対値にすることができます。

関連する学習に関する推奨事項: html ビデオ チュートリアル

以上がHTMLでフォントを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。