📅 最后修改于: 2020-10-26 04:43:40 🧑 作者: Mango
本章教您如何设置HTML元素中可用的内容字体。您可以设置元素的以下字体属性-
font-family属性用于更改字体的外观。
font-style属性用于使字体变为斜体或斜体。
font-variant属性用于创建小写效果。
font-weight属性用于增加或减少字体的粗体显示。
font-size属性用于增加或减小字体的大小。
font属性用作指定许多其他字体属性的简写。
以下是示例，该示例演示如何设置元素的字体系列。可能的值可以是任何字体系列名称。
This text is rendered in either georgia, garamond, or the
default serif font depending on which font you have at your system.
这将产生以下结果-
以下是示例，该示例演示如何设置元素的字体样式。可能的值是正常，斜体和斜角。
This text will be rendered in italic style
这将产生以下结果-
下面的示例演示如何设置元素的字体变体。可能的值是normal和small-caps 。
This text will be rendered as small caps
这将产生以下结果-
下面的示例演示如何设置元素的字体粗细。 font-weight属性提供了指定字体的粗体功能。可能的值可以是normal，bold，bolder，lighter，100、200、300、400、500、600、700、800、900 。
This font is bold.
This font is bolder.
This font is 500 weight.
这将产生以下结果-
下面的示例演示如何设置元素的字体大小。 font-size属性用于控制字体的大小。可能的值可以是xx小，x小，小，中，大，x大，xx大，小，大，像素大小或％大小。
This font size is 20 pixels
This font size is small
This font size is large
这将产生以下结果-
下面的示例演示如何设置元素的字体大小调整。此属性使您可以调整x高度以使字体更清晰。可能的值可以是任何数字。
This text is using a font-size-adjust value.
这将产生以下结果-
下面的示例演示如何设置元素的字体延伸。此属性依赖于用户计算机具有正在使用的字体的扩展版本或压缩版本。
可能的值可以是正常的，较宽的，较窄的，超浓缩的，超浓缩的，浓缩的，半浓缩的，半膨胀的，膨胀的，超膨胀的，超膨胀的。
If this doesn't appear to work, it is likely that your computer
doesn't have a
condensed or expanded version of the font being used.
这将产生以下结果-
您可以使用font属性来一次设置所有字体属性。例如-
Applying all the properties on the text at once.
这将产生以下结果-