「译」CSS 文本样式-Typography

Font Family

为了改变网页字体，你可以使用 font-family property。

h1 { 

     font-family: Garamond;

}

注意，当字体的名字多于one word，它必须被双引号括起来，如下：

h1 { 

    font-family: "Courier New";

}

Font Weight

若需加粗文本，可使用font-weight property。

p {

     font-weight: bold;

}

若不想设置加粗，则可设置value为normal。

默认情况下， font-weight为normal。但是Some elements, like headers, have built-in bold styling。可以根据elements的默认值来选择是否需调整其font-weight。

font-weight 的值也可被设为100的倍数。如：

1. 400 is the default font-weight of most text.

2. 700 signifies a bold font-weight.

3. 300 signifies a light font-weight.

header {

    font-weight: 800;

}

注意not all fonts 都支持使用数字来表示font-weight。

Font Style

你可以使用font-style property来使得文本变为斜体。其默认值是normal。

h3 { 

     font-style: italic;

}

Text Alignment

改变文本的对齐方式，可以使用text-align property.其value可设为left，right，center。

h1 { 

     text-align: right;

}

Line Height 

另一个可修改的属性为line-height，它可以修改文本的leading（行距）。下图展示了二者的关系：

line-height and leading

你可以设置不同的行距来增强文本的legible（可读性）。有两种values：

1.A unitless number（无单位数值）, such as 1.2。这个数值是一个按照font size的比例（ratio）计算的绝对的值。

2，A number specified by unit（有单位数值）, such as 12px。

通常使用A unitless number（无单位数值）来表示，因为其更加responsive（响应灵活） and based exclusively（独家） on the current font size。也就是说当你的font size变时，a unitless line-height 也会自动调整。