如何在HTML中设置次要字体？将<p>元素字体指定为sans-serif

要单独将<p>元素的字体设置为sans-serif，直接通过CSS选择器覆盖全局样式即可，以下是具体实现方式：

方式一：直接指定sans-serif为首选字体 #

p {
  font-family: sans-serif;
}

这种设置会让<p>元素直接使用系统默认无衬线字体，完全跳过全局配置里的Cubano和Arial。

方式二：保留sans-serif并补充备选无衬线字体 #

如果希望优先使用sans-serif，同时保留Arial作为备选，可以这样写：

p {
  font-family: sans-serif, Arial;
}

原理说明 #

CSS中，当你给元素选择器（如p）单独设置font-family属性时，该属性值会直接覆盖元素继承自全局的样式，从而达到单独指定字体的效果。

内容的提问来源于stack exchange，提问作者user25437772