我们在做zblog企业模板的时候经常需要引用字体，但字体文件一般都比较大，服务器配置不好的话常常需要不少时间才能显示出字体，

这样无论对于搜索引擎还是用户体念都是非常不好的。

但是可以利用 font-display 这项 CSS 功能，确保文本在网页字体加载期间始终对用户可见。

要使用font-display描述符，请将其添加到@font-faceat-rules：

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

font-display目前支持以下值范围auto | block | swap | fallback | optional。

swap为字体提供零秒块周期和无限交换周期。

这意味着如果未加载字体，浏览器会立即使用回退绘制文本，但在加载字体时会立即交换字体。

与block类似，此值仅应在以特定字体呈现文本对页面很重要时使用，但以任何字体呈现仍将获得正确的消息。徽标文本是交换的一个很好的候选者，因为使用合理的回退显示公司名称将得到消息，但您最终会使用官方字体。