css3字体引用-CSS3设置特殊字体的方式@font-face

@font-face是CSS中定义自定义字体的规则。 它允许开发人员使用自己的字体文件来显示文本，除了限于浏览器提供的默认字体。 使用@font-face规则，开发人员可以将自定义字体文件（通常是.ttf、.otf或.woff文件）嵌入网页中并在CSS中引用它们。 这样css3字体引用css3字体引用，网页中的文字就可以使用这个自定义字体了。 下面是使用 @font-face 的示例： ```css@font-face{font-family:MyFont;src:url('myfont.woff2')format('woff2'),url('myfont.woff' ) format('woff');}body{font-family:MyFont,Arial,sans-serif;}```在前面的示例中，首先通过 @font-face 规则定义了名为 MyFont 的自定义字体，该规则使用了两个不同格式的字体文件（.woff2 和 .woff）。 后来在body元素的样式中，通过font-family属性引用了自定义字体。 如果用户的设备支持该字体，则会显示MyFont字体； 否则，它将移回 Arial 字体或无衬线字体。 这样，开发者就可以在网页中使用自己喜欢的字体，而不必局限于浏览器默认提供的字体。