我试图通过将这段代码注入到我的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字体网站复制了代码。
答案 0 :(得分:2)
&display=swap
设置了font-display: swap
,它允许使用后备字体(在您的情况下为较小的字体),直到字体被加载并可以交换为止。
通过不使用&display=swap
,您将不会遇到更改字体的问题,但是要花更多的时间才能在您的网站上看到使用该字体的任何文本。