CSS字体样式详解：font-weight与font-family

"这篇文档是关于CSS中字体加粗及字体相关属性的辅助教程，主要讲解了`font-weight`属性和`font-family`属性的使用方法。`font-weight`属性用于设定字体的粗细，可选择`normal`或`bold`，也可以使用100到900的数值表示不同程度的加粗。而`font-family`属性则用于设置字体系列，通过提供一个按优先级排序的字体列表，确保即使某些字体在用户设备上不存在，也能找到合适的替代字体。文档还提到了字体家族名称（如Arial，Times New Roman）和族类名称（如sans-serif，serif）的概念，以及如何构建字体列表以保证跨设备的兼容性。此外，还简要介绍了`font-style`属性，用于设置字体的样式，包括`normal`、`italic`和`oblique`。" 在CSS中，`font-weight`属性是一个非常基础但重要的元素，它控制文本的视觉重量。默认情况下，文本的`font-weight`值为`400`，对应于`normal`，而`700`则表示`bold`。除了预定义的`normal`和`bold`，开发者还可以使用100到900之间的整数，以100为增量来指定更精确的加粗程度。例如，`500`通常表示中等加粗，而`900`表示极粗的字体。 `font-family`属性则是用来定义文本的字体，确保在不同的设备和操作系统上都能得到一致的显示效果。这个属性接受一个由逗号分隔的字体列表，列表中的每个字体按优先级顺序排列。如果用户的设备上没有安装首选字体，浏览器会尝试使用列表中的下一个字体，直到找到一个可用的字体。族类名称如`sans-serif`和`serif`是用于在没有具体字体时作为备选的通用类别，它们代表着一类特定风格的字体。 在实际应用中，良好的字体设置习惯是先列出具体字体，然后是通用族类。例如，`font-family: Arial, sans-serif;`表示优先使用Arial字体，如果Arial不可用，则使用任何无衬线字体（如Helvetica或Verdana）作为替代。对于包含空格或其他特殊字符的字体名，如"Times New Roman"，需要使用引号将其包围，以避免解析错误。 `font-style`属性则允许改变文本的倾斜样式，`italic`会使得文本呈现斜体，而`oblique`则是倾斜但不完全像斜体。`normal`则是恢复到标准的正文字体样式。通常，`font-style`常用于强调或者标题，例如所有的`h2`标题可以设置为`font-style: italic;`，以增加视觉区分度。 总结来说，理解和掌握这些CSS字体属性对于创建具有良好可读性和视觉效果的网页至关重要。通过精确控制`font-weight`、`font-family`和`font-style`，开发者可以创建出多样化的文本样式，适应各种设计需求，并确保内容在各种环境下都能被清晰地呈现。