Html 应用web字体样式时，文本徽标形状会不稳定地更改

我正在尝试使用Roboto作为基于文本的徽标，并拥有必要的代码来加载

中的字体。当网站加载时，在使用web字体正确格式化之前，您可以在难看的默认字体中短暂地看到徽标。标志实际上是先变大再变小。这种类型的问题是表示代码实现差还是其他问题

---

如果问题无法得到一般回答，我很乐意上传相关代码部分。

一个选项是告诉浏览器预加载字体

这里有一个例子：

<link rel="preload" as="font" href="/fonts/custom-font.woff2" type="font/woff2" crossorigin="anonymous">

如果您使用的是像Google Fonts（Roboto）这样的CDN，请确保预加载的字体文件与CSS中的字体文件匹配，否则可能会下载相同字体的两个版本

---

希望这有帮助

可能重复：我决定在本地预加载它们。糟糕的是，斜体、粗体、黑色和常规有4个独立的文件，所以速度很快。与谷歌提供的样式表加载代码相比，仍然存在昼夜差异。