📅 最后修改于: 2023-12-03 14:53:25.527000 🧑 作者: Mango
在JavaScript中，我们可以使用字体系列相关的属性来控制网页中文本的字体样式。本文将会介绍常用的字体系列相关的属性，以及它们的用法和效果。
font-family 属性定义文本字体的名称和/或类别。在一个 CSS 规则中可以指定多个字体名称和/或类别。浏览器会从上到下地遍历这个列表，直到找到一个可用的字体为止。
p {
font-family: "Times New Roman", Times, serif;
}
font-style 属性定义文本字体的样式。在默认情况下，文本字体的样式是 normal。其他可选属性值包括 italic 和 oblique。
p {
font-style: italic;
}
font-weight 属性定义文本字体的粗细。在默认情况下，文本字体的粗细是 normal。其他可选属性值包括数字（例如 100、200、300、...、900）和 bold。
p {
font-weight: bold;
}
font-size 属性定义文本字体的大小。在默认情况下，文本字体的大小是 medium。其他可选属性值包括数字（例如 10px、12pt、2em、...）。
p {
font-size: 16px;
}
font 属性可以同时设置一个元素的所有字体属性。必须按照以下顺序给出属性值：font-style、font-variant、font-weight、font-size、/ line-height、font-family。
p {
font: italic small-caps bold 16px/1.5 "Times New Roman", Times, serif;
}
以上就是 JavaScript 中常用的字体系列相关的属性。通过合理地使用这些属性，可以实现更好的文本样式效果。