【发布时间】：2019-09-07 18:45:00
【问题描述】：
我正在尝试将 Roboto 用于基于文本的徽标，并拥有在 <head> 中加载字体的必要代码。在网站加载时，您可以在以 Web 字体正确格式化之前以丑陋的默认字体简要地看到徽标。标志从字面上变大，然后变小。这种类型的问题是否表明代码实现不佳或者是其他问题？
如果问题无法得到普遍回答，我很乐意上传相关代码部分。
【问题讨论】：
标签： html css webfonts google-webfonts
【发布时间】：2019-09-07 18:45:00
【问题描述】：
一种选择是告诉浏览器预加载你的字体。
这是一个例子：
<link rel="preload" as="font" href="/fonts/custom-font.woff2" type="font/woff2" crossorigin="anonymous">
如果您使用的是 Google Fonts (Roboto) 等 CDN，请确保您预加载的字体文件与 CSS 中的字体文件匹配，否则您最终可能会下载相同字体的两个版本。
希望这会有所帮助！
【讨论】：
-
我决定在本地预加载它们。太糟糕了，它是斜体、粗体、黑色和常规的 4 个独立文件，因此速度受到了影响。与 Google 提供的样式表加载代码相比，还是有天壤之别。