可以写2个@font-face
时间: 2024-03-10 12:45:14 浏览: 110
css中引入指定字体@font-face兼容各浏览器的问题
5星 · 资源好评率100%
是的,可以写多个@font-face。每个@font-face规则定义了一种字体,可以设置字体的名称、URL和格式等属性。在CSS中,可以定义多个@font-face规则,然后将它们应用到不同的元素上,以实现不同字体效果。例如:
```
@font-face {
font-family: 'MyFont1';
src: url('myfont1.woff2') format('woff2'),
url('myfont1.woff') format('woff');
}
@font-face {
font-family: 'MyFont2';
src: url('myfont2.ttf') format('truetype'),
url('myfont2.woff2') format('woff2'),
url('myfont2.woff') format('woff');
}
h1 {
font-family: 'MyFont1';
}
p {
font-family: 'MyFont2';
}
```
在这个例子中,我们定义了两个@font-face规则,分别用于定义字体“MyFont1”和“MyFont2”。然后,我们将这两个字体应用到不同的元素上,以实现不同的字体效果。
阅读全文