css 字体

作者：戮尽逆者发布日期:2025-03-11 浏览:340

/* 设置字体样式的基本示例 */

body {
  /* 设置整个页面的字体为 Arial, 如果 Arial 不可用，则使用 sans-serif 字体 */
  font-family: Arial, sans-serif;
}

h1 {
  /* 设置标题字体为 Times New Roman */
  font-family: "Times New Roman", serif;
}

p {
  /* 设置段落字体为 Courier New */
  font-family: "Courier New", monospace;
}

/* 还可以结合其他字体属性一起使用 */
.special-text {
  /* 设置字体大小、粗细和行高 */
  font: italic small-caps 12px/1.5 Georgia, serif;
}

解释说明：

font-family: 用于指定元素的字体系列。你可以列出多个字体，浏览器会按顺序尝试加载这些字体，直到找到可用的字体。
font: 是一个简写属性，可以同时设置字体的样式（如斜体、小写字母大写显示）、大小、粗细和行高等多个属性。
serif, sans-serif, monospace 等是通用字体族，当特定字体不可用时，浏览器会使用这些默认字体族中的字体。

上一篇：css超出隐藏显示省略号

下一篇：css 字体颜色