即使在添加font-display: fallback到CSS 之后,也无法确保在webfont加载问题期间文本仍然可见,而在Google Pagespeed Insights报告中也无法解决。
我该如何解决该问题?
@font-face {
font-family: Jura;
src: url(../fonts/Jura-Regular.eot);
src: url(../fonts/Jura-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/Jura-Regular.woff2) format('woff2'), url(../fonts/Jura-Regular.woff) format('woff'), url(../fonts/Jura-Regular.ttf) format('truetype'), url(../fonts/Jura-Regular.svg#svgFontName) format('svg');
font-weight: 400;
font-display: fallback;
}
Run Code Online (Sandbox Code Playgroud)