Chrome字体显示CSS属性

Question

我最近一直在测试font-display,但我的Chrome浏览器(Chrome 65)在工作(Centos 7)和家用(Windows 10)似乎都不认为它是有效的属性.查看DevTools,该物业旁边有一个黄色感叹号,上面写着"未知物业名称".

font-display自63版以来,Chrome一直支持我的理解.

作为参考,我正在尝试设置的值font-display来swap.

任何人都有任何想法,为什么我没有看到它的工作？

谢谢

Answer 1

font-display仅属于@font-face规则而非标准元素的属性.请参阅MDN上的@ font-face示例.

Answer 2

该font-display描述符应与使用@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');
}

文档在这里