将是该大小的两倍（默认段落为

计，您需要谨慎选择使用的权重：加载所有九个 Exo 2 权重会严重减慢您的页面速度。 横幅广告：吸引注意力的技巧 您可能感兴趣 横幅广告：吸引注意力的技巧 正确设置您的单位 在打印应用程序中，人们通常将字体大小称为“点”，但在网络上，他们倾向于使用像素 (px)。这实际上是一个类似的概念。 但对于响应式设计，实际上最好使用相对单位（如 em 和百分比）而不是绝对单位（如像素）来设置所有大小和间距属性。 em 是相对测量单位，等于相关 HTML 元素的当前字体大小（段落默认为 16px）。因此，2em 将是该大小的两倍（默认段落为 32px）。 你问为什么？ 原因有两个：首先，随着字体大小的变化，间距也会变化。当字体设置为 16 像素时，24 像素的行高可能效果很好，但在 32 像素高时，该高度会太局促。 版式特征 左：16px 字体大小，25px 行高。右：字体大小 32 像素，行高 25 像素。间距要求因字体大小而异。 其次，相对单元使响应式设计（更改布局和样式以适应各种设备）变得更加容易。如果您围绕基本字体大小设计所有内容，则可以更改该基本字体大小，并且网站的其余部分将自动调整，从而使您需要进行大量手动调整。 您肯定需要对其进行调整，因为不同设备的像素大小差异很大。 例如，iPhone 可以显示 16 像素字体，其大小约为 Macbook 上 16 像素字体的 60%；这使得阅读变得非常困难。


在网页排版中使用空格 适当的间距可以使内容更容易阅读。空间不 电话号码清单 足可能会导致线条、字母或单词模糊在一起，产生局促的感觉。为了最大限度地提高可读性，您需要关心的三种间距是字母间距（跟踪）、行高（行间距）和字间距（对此没有什么花哨的术语）。 字母间距（跟踪） 字母间距（或印刷设计中的字母间距）定义单词中每个字母之间的距离，可以增加或减少文本的可读性。请注意，跟踪与字距调整的不同之处在于，它设置所有字母之间的单个距离，而字距调整可以设置不同字母之间的特定间距。 字母间距 左：默认跟踪。中：–2px 跟踪。右：+ 3 像素跟踪。 注意：一般来说，默认值是正确的值：它代表字体设计者设想的完美间距。但是，当将文本设置为大写字母（全部大写）时，这会降低可读性，您可能需要添加跟踪以帮助读者更好地区分各个字母。 字间距 词间距决定了句子中词之间的距离。最佳的单词间距可以清楚地区分不同的单词，而不会迫使眼睛在单词之间移动太多。



注意：通常不需要更改字间距，除非您发现设置为大字号的字看起来距离太近。 充分利用行高 行高（印刷设计中的行高）定义了每行文本之间的垂直间距，并从基线到基线（下图中的红线）进行测量，忽略升序和降序。 字母凸起字母凸起 文本位于顶部，其扩展名显示为红色。水平红线称为基线。 糟糕的领导不仅会让你感到幽闭恐惧症，还会让你一遍又一遍地读同一句话。我们都去过那里。相比之下，太多的领导力会让你的内容显得脱节。 注意：一个好的经验法则是将行高设置为 1.5em 左右（或正文大小的 1.5 倍）。段落间距（底部边距）应与行距（行高）匹配，以保持垂直节奏。