css 设置字体

作者：夜雨行空发布日期:2025-06-05 浏览:54

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

body {
  /* 使用系统字体 */
  font-family: 'Arial', sans-serif;
}

h1 {
  /* 使用特定字体，如果第一个字体不可用，则使用下一个字体 */
  font-family: 'Times New Roman', Times, serif;
}

p {
  /* 使用自定义字体（通过 @font-face 定义） */
  font-family: 'MyCustomFont', sans-serif;
}

/* 自定义字体的定义 */
@font-face {
  font-family: 'MyCustomFont';
  src: url('path/to/your/font.woff2') format('woff2'),
       url('path/to/your/font.woff') format('woff');
}

解释说明：

font-family: 用于设置元素的字体。可以指定多个字体，浏览器会按照顺序尝试加载这些字体，直到找到可用的字体为止。
@font-face: 用于定义自定义字体。可以通过 src 属性指定字体文件的路径和格式。

上一篇：css的三种引入方式

下一篇：css字体描边