Question

我最近一直在测试font-display，但我的Chrome浏览器（Chrome 65）同时工作（Centos 7）和家用（Windows 10）似乎并不认为它是有效财产。查看DevTools，该物业旁边有一个黄色感叹号，上面写着＆＃34;未知物业名称＆＃34;。

据我了解，自版本63以来，Chrome已支持font-display。

供参考，我尝试将font-display的值设为swap。

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

由于

Answer 1

font-display仅适用于@font-face规则，不是标准元素。 See @font-face examples on MDN

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');
}

有关此问题的文件是here

Chrome字体显示CSS属性

2 个答案: