css引入字体文件

作者：冷宸枫发布日期:2026-03-29 浏览:43

/* 引入字体文件示例 */

/* 使用 @font-face 规则定义自定义字体 */
@font-face {
  font-family: 'MyCustomFont'; /* 字体名称 */
  src: url('path/to/font.woff2') format('woff2'), /* 字体文件路径和格式 */
       url('path/to/font.woff') format('woff'); /* 多种格式以确保兼容性 */
}

/* 在选择器中使用定义的字体 */
body {
  font-family: 'MyCustomFont', sans-serif; /* 应用自定义字体，并指定备用字体 */
}

解释说明：

@font-face 规则：用于定义自定义字体。font-family 指定字体名称，src 指定字体文件的路径和格式。
字体文件路径：可以是相对路径或绝对路径。建议提供多种格式（如 woff2 和 woff），以确保不同浏览器的兼容性。
应用字体：在 CSS 选择器中通过 font-family 属性使用定义的字体。同时指定一个备用字体（如 sans-serif），以防自定义字体加载失败。

上一篇：css 鼠标穿透

下一篇：设置了css样式但不显示