支持字体显示吗？

Question

我试图优化一个网站的字体加载。我发现这个网站https://beamtic.com/optimizing-font-load给出了改进字体加载的建议。我读过“避免字体交换”一节，其中建议使用字体显示:可选，但Chrome似乎不认识它。在Mozilla (https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display)的文档中，我了解到这个描述符仅用于@字体面。那么第一个网站给出了错误的建议吗？如果我可以使用字体显示:可选只在@字体面对它是如何工作的？如果我使用自定义字体，例如body {字体族：'My字体‘，Verdana，Tahoma，sans-serif;}并声明

@font-face {
  font-family: 'My font';
  ...
  font-display: optional;

将加载的第一个字体是Verdana？

我试着声明字体显示:在身体上是可选的，但是Chrome没有识别它。

Answer 1

您可以始终使用此站点来检查是否支持标记，它们都是最新的。您只需输入标记，并查看哪些浏览器支持它。

https://caniuse.com/

Answer 2

Chrome -60 Firefox - 58 IE -无边缘- 79 Safari - 11.1

此浏览器的版本仅支持字体显示。

Answer 3

以下桌面浏览器支持font-display。

​

​

谷歌已经写了一篇令人惊叹的文章。

https://developer.chrome.com/blog/font-display/

使用https://caniuse.com/?search=font-display进行浏览器支持。