Google 字体显示=swap 奇怪的行为
Google font display=swap strange behaviour
我试图通过将这段代码注入我的html代码
来使用google字体api
<link href="https://fonts.googleapis.com/css?family=Playfair+Display|Source+Serif+Pro|Suwannaphum&display=swap" rel="stylesheet">
我发现在加载我的网站时，使用该字体的文本会 "glitch"。会显示小一秒然后就正常了
经过大量试验后，我从代码中删除了 &display=swap 部分，问题不再出现，我可以使用该字体。
为什么 &display=swap 会导致故障？我直接从googleapi字体网站复制了代码。
&display=swap 设置 font-display: swap，它允许使用后备字体（在您的情况下是较小的字体），直到字体已加载并可以换入。
如果不使用 &display=swap，您将不会遇到更改字体的问题，但是需要更长的时间才能在您的网站上显示使用该字体的任何文本。
我试图通过将这段代码注入我的html代码
来使用google字体api<link href="https://fonts.googleapis.com/css?family=Playfair+Display|Source+Serif+Pro|Suwannaphum&display=swap" rel="stylesheet">
我发现在加载我的网站时，使用该字体的文本会 "glitch"。会显示小一秒然后就正常了
经过大量试验后，我从代码中删除了 &display=swap 部分，问题不再出现，我可以使用该字体。
为什么 &display=swap 会导致故障？我直接从googleapi字体网站复制了代码。
&display=swap 设置 font-display: swap，它允许使用后备字体（在您的情况下是较小的字体），直到字体已加载并可以换入。
如果不使用 &display=swap，您将不会遇到更改字体的问题，但是需要更长的时间才能在您的网站上显示使用该字体的任何文本。