您好,我在 google pagespeed 中遇到这个问题
我的网站速度几乎达到 100 唯一剩下的就是Ensure text remains visible during webfont load
我已经在使用 font-display:swap;那么为什么这不能解决我的问题。
这是我的外部字体 css
@font-face {
font-display: swap;
font-family: 'Miriam Libre';
font-style: normal;
font-weight: 400;
src: local('Miriam Libre Regular'), local('MiriamLibre-Regular'), url(https://fonts.gstatic.com/s/miriamlibre/v5/DdTh798HsHwubBAqfkcBTL_fZ5P7.ttf) format('truetype');
}
@font-face {
font-display: swap;
font-family: 'Miriam Libre';
font-style: normal;
font-weight: 700;
src: local('Miriam Libre Bold'), local('MiriamLibre-Bold'), url(https://fonts.gstatic.com/s/miriamlibre/v5/DdT-798HsHwubBAqfkcBTL_X3LbrQsq_.ttf) format('truetype');
}
我使用这个命令生成了这个CSS
npx 本地网页字体https://fonts.googleapis.com/css?family=Miriam+Libre:400,700 https://fonts.googleapis.com/css?family=Miriam+Libre:400,700/Users/admin/Documents/projects/font.css 后备
我从中得到的https://github.com/swissspidy/local-webfont https://github.com/swissspidy/local-webfont
您正在使用谷歌字体。最好加上&display=swap
解决这个问题。
<link href="https://fonts.googleapis.com/css?family=Miriam+Libre:400,700&display=swap" rel="stylesheet">
检查一下:https://www.infyways.com/fix-ensure-text-remains-visible-during-webfont-load/ https://www.infyways.com/fix-ensure-text-remains-visible-during-webfont-load/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)