如何实现Google字体资源的懒加载？

支持
1

我们有一个愚蠢的政府，每当发生什么事情时就会屏蔽谷歌服务 :man_facepalming: 。
今天我意识到我的论坛加载速度非常慢（空白页面大约需要 10 秒或更长时间）。然后我意识到请求中有一个对 Google Fonts 的请求，而且它不是延迟加载的。所以它会等待直到超时，然后论坛才会加载。

我们如何才能让这个请求延迟加载？

image
image1920×1080 393 KB

1 个赞
2

您能否尝试使用核心网站设置字体？我相信那个根本不使用 Google Fonts，因此请求将是本地的，因此对您来说应该快得多。

image
image2270×942 177 KB

2 个赞
3

已经在使用核心网站设置了。

image
image1151×560 33.8 KB

1 个赞
4

看起来导致问题的字体是 Roboto，而您的网站设置已配置为使用 Arial……因此，该字体很可能来自某个主题。

您可以移除主题中调用 Google 服务器的链接，并在网站设置中切换为使用 Roboto。您也可以下载 Roboto 并将其作为主题资源包含进来。我们有一个关于创建带有本地服务器字体的自定义主题组件的指南：Create and share a font theme component

您也可以尝试将 font-display: swap; 添加到您的 @font-face 规则中：`font-display` for the Masses | CSS-Tricks

4 个赞