CSS3 提供了丰富的字体样式和属性,允许开发者更灵活地控制页面上的文本显示。以下是一些常见的 CSS3 字体属性:

1. 字体族(font-family): 指定文本的字体族。可以是通用字体名称(如 serif、sans-serif)或具体的字体名称。
    font-family: "Helvetica", sans-serif;

2. 字体大小(font-size): 定义文本的字体大小。可以使用像素、百分比等单位。
    font-size: 16px;

3. 字体粗细(font-weight): 定义文本的字体粗细。可以是普通(normal)或粗体(bold)。
    font-weight: bold;

4. 字体样式(font-style): 定义文本的字体样式。可以是普通(normal)、斜体(italic)或倾斜体(oblique)。
    font-style: italic;

5. 字体变体(font-variant): 定义小型大写字母的文本显示。
    font-variant: small-caps;

6. 字体拉伸(font-stretch): 控制字体的紧缩或拉伸程度。
    font-stretch: condensed;

7. 字体颜色(color): 定义文本的颜色。
    color: #333333;

8. 字体行高(line-height): 定义文本行与行之间的距离。
    line-height: 1.5;

9. 字体变化(font-variation-settings): 用于控制 OpenType 字体的轴变化。
    font-variation-settings: 'wght' 700;

10. 字体特效(text-decoration): 定义文本的装饰效果,如下划线、删除线等。
    text-decoration: underline;

这些属性可以根据设计需求单独或组合使用,以实现不同风格和效果的文本显示。通过调整字体属性,你可以使文本更具吸引力、易读性,并与页面的整体设计风格协调一致。


转载请注明出处:http://www.pingtaimeng.com/article/detail/12563/CSS