css3中的自定义字体方法@font-face

@font-face 是 CSS3 的一个特性，它允许开发者在网页中使用自定义的字体。要使用 @font-face，你需要指定字体的名称、来源和一些可选的参数。

以下是 @font-face 的基本用法：




@font-face {
  font-family: 'MyCustomFont';
  src: url('mycustomfont.woff') format('woff'),
       url('mycustomfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

在上面的例子中，font-family 指定了字体的名称，src 指定了字体文件的路径和格式。font-weight 和 font-style 分别指定了字体的粗细和样式。

在 HTML 中使用自定义字体：




body {
  font-family: 'MyCustomFont', sans-serif;
}

在上面的 HTML 中，我们将 body 的字体设置为 MyCustomFont，如果浏览器不支持这种字体，则会使用 sans-serif 这种默认字体。

css3中的自定义字体方法@font-face

评论已关闭

推荐阅读