CSS 设置字体

在网页设计中，字体的设置至关重要，它能够极大地影响用户体验和网站的整体风格。CSS（层叠样式表）为我们提供了丰富且灵活的方式来设置字体。

使用 font-family 属性可以指定字体。我们可以列出多个字体名称作为备用，以确保在不同设备和浏览器上都能有合适的字体显示。例如：p { font-family: Arial, sans-serif; } 这里将段落文本的首选字体设为 Arial，如果用户设备上没有安装 Arial 字体，就会使用系统默认的无衬线字体 sans-serif。

字体大小的设置通过 font-size 属性。它可以使用多种单位，如像素（px）、em、rem 等。以像素为单位设置比较直观，例如 h1 { font-size: 36px; } 会将一级标题的字体大小设为 36 像素。而 em 单位是相对于父元素的字体大小，这在进行响应式设计时非常有用。例如，当父元素字体大小为 16px，子元素设置 font-size: 1.5em，那么子元素字体大小就是 16 * 1.5 = 24px。

font-weight 属性用于设置字体的粗细。常见的值有 normal（正常粗细）、bold（加粗），也可以使用 100 - 900 的数字来精确控制，数字越大字体越粗。比如 span { font-weight: bold; } 会让 span 标签内的文本加粗显示。

想要设置字体的样式，font-style 属性就派上用场了。它有 normal（正常样式）、italic（斜体）和 oblique（倾斜）这几个值。例如 em { font-style: italic; } 会使 em 标签包裹的文本呈现斜体效果。

为了简化字体设置，CSS 还提供了 font 简写属性。通过它可以在一行代码中设置字体的多个属性。例如 body { font: italic bold 16px Arial, sans-serif; }，这行代码依次设置了字体样式为斜体、粗细为加粗、大小为 16px，以及字体族为 Arial 和 sans-serif。

合理运用 CSS 的字体设置属性，能够让网页的文字排版更加美观、易读，吸引用户的注意力，提升网站的专业性和亲和力，为网站的成功奠定坚实基础。