免费好看的 HTML 字体：精选 Google Fonts 示例

以下是十款来自 Google Fonts 的免费且好看的 HTML 字体和 CSS 示例：

1. Open Sans

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

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

2. Roboto

@import url('https://fonts.googleapis.com/css?family=Roboto');

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

3. Lato

@import url('https://fonts.googleapis.com/css?family=Lato');

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

4. Montserrat

@import url('https://fonts.googleapis.com/css?family=Montserrat');

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

5. Raleway

@import url('https://fonts.googleapis.com/css?family=Raleway');

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

6. Ubuntu

@import url('https://fonts.googleapis.com/css?family=Ubuntu');

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

7. Pacifico

@import url('https://fonts.googleapis.com/css?family=Pacifico');

h1 {
  font-family: 'Pacifico', cursive;
}

8. Lobster

@import url('https://fonts.googleapis.com/css?family=Lobster');

h1 {
  font-family: 'Lobster', cursive;
}

9. Dancing Script

@import url('https://fonts.googleapis.com/css?family=Dancing+Script');

h1 {
  font-family: 'Dancing Script', cursive;
}

10. Amatic SC

@import url('https://fonts.googleapis.com/css?family=Amatic+SC');

h1 {
  font-family: 'Amatic SC', cursive;
}

这些免费字体都可以在 Google Fonts 上找到。您可以使用 CSS @import 命令将它们导入您的网站。然后，您可以将其应用于您的 HTML 元素，如正文、标题等。