css自定义字体

作者：倾尽尘光暖流年发布日期:2025-12-07 浏览:19

/* 自定义字体示例代码 */

/* 1. 使用 @font-face 定义自定义字体 */
@font-face {
  font-family: 'MyCustomFont'; /* 字体名称 */
  src: url('fonts/MyCustomFont.woff2') format('woff2'), /* 字体文件路径和格式 */
       url('fonts/MyCustomFont.woff') format('woff'); /* 备用字体文件路径和格式 */
  font-weight: normal; /* 字体粗细 */
  font-style: normal; /* 字体样式 */
}

/* 2. 在元素中使用自定义字体 */
body {
  font-family: 'MyCustomFont', sans-serif; /* 使用自定义字体，并指定备用字体 */
}

解释说明：

@font-face：用于定义自定义字体。font-family 指定字体的名称，src 指定字体文件的路径和格式。可以提供多个字体文件以确保兼容性。
使用自定义字体：通过 font-family 属性在 CSS 中应用自定义字体。如果自定义字体无法加载，则会回退到备用字体（如 sans-serif）。

上一篇：css 换行

下一篇：css字间距怎么设置