CSS字体样式全攻略

所有与字体相关的 CSS 属性

超级好看的字体样式组合示例

1. 现代简约风格

body {
  font-family: 'Helvetica Neue', Arial, sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.5px;
  line-height: 1.6;
}

适合科技类网站、博客、作品集。

2. 优雅杂志风格

h1 {
  font-family: 'Playfair Display', serif;
  font-size: 48px;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 1px;
}

适合时尚、生活方式类内容。

3. 极简日式风格（适合中文）

body {
  font-family: '思源黑体', 'Noto Sans CJK SC', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
}

适合极简设计、文化类网站。

4. 手写艺术风格

.quote {
  font-family: 'Pacifico', cursive;
  font-size: 24px;
  font-weight: normal;
  color: #555;
}

适合插画、创意工作者的个人页面。

5. 未来感科技风格

.title {
  font-family: 'Orbitron', sans-serif;
  font-size: 36