Google字体显示=交换奇怪的行为

时间:2019-06-11 05:58:32

标签: html css fonts google-api google-fonts

我试图通过将这段代码注入到我的html代码中来使用Google字体API

<link href="https://fonts.googleapis.com/css?family=Playfair+Display|Source+Serif+Pro|Suwannaphum&display=swap" rel="stylesheet">

我在加载网站时发现使用字体的文本将是“小故障”。它会显示一小会儿,然后恢复正常。

经过大量实验后,我从代码中删除了&display=swap部分,此问题不再发生,因此我可以使用该字体。

为什么&display=swap会引起故障?我直接从Google api字体网站复制了代码。

1 个答案:

答案 0 :(得分:2)

&display=swap设置了font-display: swap,它允许使用后备字体(在您的情况下为较小的字体),直到字体被加载并可以交换为止。

通过不使用&display=swap,您将不会遇到更改字体的问题,但是要花更多的时间才能在您的网站上看到使用该字体的任何文本。