我在@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文件
除非你在本地有实际的字体文件