我正在尝试将 Roboto 用于基于文本的 Logo ,并且有必要的代码来加载 <head>
中的字体。 .在加载站点时,您可以在以 Web 字体正确格式化之前短暂地看到丑陋的默认字体中的 Logo 。 Logo 从字面上变大然后变小。此类问题是否表明代码实现不当或其他问题?
如果问题不能笼统回答,我很乐意上传相关代码部分。
最佳答案
一种选择是告诉浏览器预加载您的字体。
这是一个例子:
<link rel="preload" as="font" href="/fonts/custom-font.woff2" type="font/woff2" crossorigin="anonymous">
如果您使用的是 Google Fonts (Roboto) 之类的 CDN,请确保您预加载的字体文件与 CSS 中的文件相匹配,否则您最终可能会下载相同字体的两个版本。
希望这对您有所帮助!
关于html - 应用网络字体样式时,文本 Logo 不规则地改变形状,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57830806/