css 引入字体

作者：以往的帅哥发布日期:2026-06-22 浏览:44

/* 引入字体 */
@font-face {
  font-family: 'MyCustomFont'; /* 定义字体名称 */
  src: url('path/to/font.woff2') format('woff2'), /* 字体文件路径和格式 */
       url('path/to/font.woff') format('woff'); /* 多个字体文件路径和格式 */
  font-weight: normal; /* 字体粗细 */
  font-style: normal; /* 字体样式 */
}

body {
  font-family: 'MyCustomFont', sans-serif; /* 使用自定义字体，如果没有则使用默认的无衬线字体 */
}

解释说明：

@font-face 规则用于定义自定义字体。
font-family 是自定义字体的名称，在后续 CSS 中可以通过这个名称引用该字体。
src 属性指定了字体文件的路径和格式。可以指定多个字体文件以确保兼容性。
font-weight 和 font-style 用于定义字体的粗细和样式。
在需要使用该字体的地方（如 body），通过 font-family 属性引用自定义字体。

上一篇：css颜色大全

下一篇：css 3