ホームページ > 記事 > ウェブフロントエンド > HTMLでフォントを設定するための属性は何ですか?
HTML でフォント属性を設定します: font、font-family、font-size、font-style、font-variant、font-weight、"@font-face"、font-size-adjust、font-ストレッチ。
このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。
フォント プロパティは、フォント、太字、サイズ、テキスト スタイルを定義します。
HTML でフォント属性を設定します
Attributes | Description |
---|---|
font | すべてのフォント プロパティを 1 つの宣言で設定します |
font-family | テキストのフォント ファミリーを指定します |
font-size | テキストのフォント サイズを指定します |
font-style | テキストのフォント スタイルを指定しますtext |
font-variant | テキストのフォント スタイルを指定します。テキストを表示するためにスモールキャップフォントを設定すると、すべての小文字が大文字に変換されますが、スモールキャップを使用するすべての文字のフォントサイズは、テキストの残りの部分に比べて小さくなります。 |
font-weight | フォントの太さを指定します |
@font-face | Aルール、Web サイトが「Web セーフ」フォント以外のフォントをダウンロードして使用できるようにする |
font-size-adjust | 要素のアスペクト値を指定します。優先フォントの x 高さが維持されるように、要素のアスペクト値を指定します。 |
font-stretch | 現在のフォント ファミリを縮小または拡大します。現在のフォントファミリーを拡大縮小および変換します。すべての主要なブラウザでサポートされているわけではありません。 |
#拡張情報: #HTML/CSS には、次の 2 種類のフォント ファミリ名があります。
フォント ファミリー | 説明 | |
---|---|---|
Times New Roman |
Georgia Serif フォント文字の行末 追加の装飾 |
|
Arial |
Verdana 「Sans」はなしを意味します - これらのフォントには末尾に追加の装飾がありません |
|
Courier New |
Lucida Console すべての等幅文字は同じ幅を持ちます |
注: フォント ファミリの名前が複数の文字である場合は、Font Family: "宋体" のように引用符で囲む必要があります。
複数のフォント ファミリは、カンマで区切って指定します。
p{font-family:"Times New Roman", Times, serif;}
次に、一般的に使用されるフォントの組み合わせと一般的なフォント ファミリをいくつか示します。
セリフ フォント
ジョージア、セリフ | |||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
これは見出しです | これは段落です | "Palatino Linotype"、"Book Antiqua"、Palatino、セリフ||||||||||||||||||||||||
これは段落です |
##「タイムズ ニュー ローマン」、タイムズ、セリフ | #これは見出しです||||||||||||||||||||||||
##sans - セリフ文字体
等幅文字
(学习ビデオ分享:cssvideo教程) |
以上がHTMLでフォントを設定するための属性は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。