要添加自定义字体,需要使用@font-face规则。这个规则可以让开发者将在线或本地字体文件加载到网页中,并用 font-family 属性来引用它们。具体步骤如下:
例如:
@font-face {
font-family: "MyFont";
src: url("myfont.woff2") format("woff2"),
url("myfont.woff") format("woff");
}
例如:
body {
font-family: "MyFont", sans-serif;
}
在这个例子中,如果 MyFont 字体无法正常加载,那么浏览器会使用后备字体代替它。sans-serif 是一个通用的系统字体族,可以作为后备字体使用。
重要关键字:@font-face规则、font-family属性、src属性、woff2格式、woff格式、后备字体