3、掌握CSS文本样式设置的艺术

掌握CSS文本样式设置的艺术

1. 文本样式的重要性

在绝大多数网站中，文本是最重要的元素。因此，以一种视觉上令人愉悦的方式呈现文本是设计中重要的一部分。文本不仅要看起来美观，还必须易于阅读——字体大小要足够，但又不能太大，而且文本不应该看起来过于密集或拥挤。CSS 提供了许多属性，影响文本的外观。大多数都非常易于使用，并且它们对网站的整体设计有直接的影响。

2. 字体的选择与调整

默认情况下，大多数浏览器会显示 Times New Roman、Times 或类似的字体。实际使用的字体不仅取决于浏览器，还取决于访问者计算机上可用的字体。为了确保在不同设备和浏览器上都能正确显示，我们需要使用 font-family 属性来指定一系列替代字体。例如：

body {
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

2.1 创建字体堆栈

在 font-family 属性中列出字体被称为创建一个字体堆栈。你应该始终以通用字体族之一结束你的字体堆栈，以确保即使用户系统中没有安装首选字体，也能显示一个合理的替代字体。例如：

p {
  font-family: "Helvetica Neue", Arial, sans-serif;
}

2.2 字体大小的调整