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
这种默认字体。
评论已关闭