Chrome字体显示CSS属性

我最近一直在测试

字体显示

，但是我的Chrome浏览器（Chrome 65）在工作（Centos 7）和家庭（Windows 10）中似乎都没有将其识别为有效属性。在DevTools中，属性旁边有一个黄色感叹号，表示“未知属性名”

据我所知，

font-display

从63版开始就在Chrome中得到支持

作为参考，我试图将

font-display

的值设置为

swap

有人知道为什么我没看到它工作吗

---

谢谢

字体显示

仅是

@font-face

规则的属性，而不是标准元素

字体显示描述符应与

@font-face

规则一起使用，如下例所示：

@font-face {
  font-family: 'Arvo';
  font-display: swap;
  src: local('Arvo'), url(https://fonts.gstatic.com/s/arvo/v9/rC7kKhY-eUDY-ucISTIf5PesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}

---

这方面的文档向我们展示了您正在使用的CSS。更准确地说，它根本不是一个属性，而是一个@font-face描述符。CSS调用这些描述符是有原因的。人们称他们为“财产”，这就是为什么会有人问这样的问题。没错，尽管我不会说这就是为什么会有人问这样的问题。我个人认为不同的术语是不必要的，但每个术语都有自己的。。。不管怎样，用“描述符”来表示投票是正确的。非常感谢你澄清了我的误解。在

@font-face

规则上更有意义谢谢您的回复