css 设置英文字体

在 web 页面中，设置英文字体是十分重要的，因为不同的字体能够影响网页的视觉效果和阅读体验。在 CSS 中，我们可以使用 font-family 属性来设置英文字体。

/* 单个字体设置 */
p {
  font-family: Arial,sans-serif;
}

/* 多个字体备选 */
p {
  font-family: "Times New Roman",Times,serif;
}

在上面的代码中，我们可以看到：
1. 在单个字体设置中，我们设置了字体为 Arial 或者 sans-serif。这意味着如果用户的电脑上存在 Arial 字体，则会使用 Arial 字体，否则会使用系统默认 sans-serif 字体。
2. 在多个字体备选中，我们设置了多个备选字体，用逗号分隔。这样做的好处是，如果用户的电脑上没有第一个字体（即 "Times New Roman"），则会依次尝试使用 Times 字体和系统默认 serif 字体，直到匹配到一个可用的字体。

另外，我们可以使用 Google Fonts 等网站提供的免费字体来设置英文字体，如下所示：

/* 引入 Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

/* 使用引入的字体 */
p {
  font-family: 'Open Sans',sans-serif;
}

在上面的代码中，我们首先通过 @import 引入了 Google Fonts 网站上的 Open Sans 字体，然后便可以在我们的 CSS 中使用它了。

总之，设置英文字体是十分灵活和多样的操作，根据实际需求选择不同的方案，可以让网页更加美观和易读。