js中font用法

2024年1月28日发(作者：)

js中font用法

在JavaScript中，可以使用`font`属性来设置文本的字体样式。`font`属性可以包含以下子属性：

1. `font-style`: 设置文本的字体样式，可以取值为`normal`（默认值，正常字体）、`italic`（斜体字）或`oblique`（倾斜字体）。

2. `font-variant`: 设置文本的字体变体，可以取值为`normal`（默认值，正常字体）、`small-caps`（小型大写字母）。

3. `font-weight`: 设置文本的字体粗细，可以取值为`normal`（默认值，正常粗细）、`bold`（粗体字）、`bolder`（更粗体字）或`lighter`（细体字）。

4. `font-size`: 设置文本的字体大小，可以使用像素（px）、百分比（%）或者其他长度单位（如em、rem等）。

5. `font-family`: 设置文本的字体，默认使用浏览器的默认字体。可以指定一个或多个字体名称，使用逗号分隔。浏览器会按照指定的顺序依次查找可用的字体。例如：`"Arial, sans-serif"`。

示例用法：

```javascript

// 设置字体样式

= "italic bold 16px Arial, sans-serif";

// 分别设置字体属性

yle = "italic";

ight = "bold";

ze = "16px";

mily = "Arial, sans-serif";

```

可以通过JavaScript动态修改元素的``属性来实现对文本字体样式的设置。请注意，`font`属性可以简化设置多个字体样式相关的属性，但如果只需要修改其中的某个属性，也可以单独设置对应的子属性（如`fontStyle`、`fontWeight`、`fontSize`和`fontFamily`）。