Nunito 字体系列 - CSS 主题介绍

Nunito 是一款由 Vernon Adams 设计的现代化无衬线字体，包含多个权重和样式。该字体集通常用于标题，标语和大型文本段落。

CSS 文件引入

要使用 Nunito 字体，需要先在 HTML 文件中引入字体 CSS 文件：

<link href="https://fonts.googleapis.com/css?family=Nunito:400,700&display=swap" rel="stylesheet">

字体应用

可以将 Nunito 字体应用于整个文档或仅适用于特定元素。

应用于整个文档

可以在 CSS 文件中将 Nunito 字体应用于整个文档：

body {
  font-family: 'Nunito', sans-serif;
}

应用于特定元素

可以将 Nunito 字体应用于特定元素，例如标题：

h1, h2, h3 {
  font-family: 'Nunito', sans-serif;
}

字体样式

Nunito 字体系列包含多个权重和样式。可以在 CSS 中使用不同的 font-weight 和 font-style 属性来应用这些样式。

字体权重

Nunito 字体系列包含以下权重：

• 200 - 轻
• 300 - 书体
• 400 - 正常
• 600 - 直粗体
• 700 - 粗体

以下是将 Nunito 字体应用于特定元素，并在该元素上使用 700（粗体）权重的示例：

h1 {
  font-family: 'Nunito', sans-serif;
  font-weight: 700;
}

字体样式

Nunito 字体系列包含以下样式：

• normal - 正常
• italic - 斜体

以下是将 Nunito 字体应用于特定元素，并在该元素上使用 italic 样式的示例：

h1 {
  font-family: 'Nunito', sans-serif;
  font-style: italic;
}

总结

Nunito 字体系列是一款非常受欢迎的无衬线字体，具有多个权重和样式。可以在 CSS 中轻松应用 Nunito 字体，并与其他样式一起使用以获得出色的效果。