确保文本在webfont加载期间仍然可见,即使在使用' font-display: swap '之后



我在@font-face中使用了font-display:swap。但在谷歌页面速度中,我得到了警告Ensure text remains visible during webfont load

这里是字体的代码。

@font-face {
font-family: Cocogoose-Pro-Condensed-Regular;
src: url(typsnitt/Ttf/Cocogoose-Pro-Condensed-Regular.ttf)
format('truetype');
font-display: swap !important;
}
@font-face {
font-family: Cocogoose-Pro-Comp-Light;
src: url(typsnitt/Ttf/Cocogoose-Pro-Comp-Light.ttf)
format('truetype');
font-display: swap !important;
}

你必须确保链接/文件导出包含属性font-display: swap;,这是不够的,如果你只是为自己添加在CSS文件

除非你在本地有实际的字体文件

相关内容

最新更新