为了提高我的谷歌分数,谷歌告诉我在我使用的两种自定义字体上使用预加载,以节省惊人的4.5秒?目前,字体存储在assets资源 /字体中,然后在排版中作为@font face加载.然后将scss文件加载到nuxt中.配置.css内的js文件:['@/assets/scss/typography.scss',]
为了提高我的谷歌分数,谷歌告诉我在我使用的两种自定义字体上使用预加载,以节省惊人的4.5秒?目前,字体存储在assets资源 /字体中,然后在排版中作为@font face加载.然后将scss文件加载到nuxt中.配置.css内的js文件:['@/assets/scss/typography.scss',]
所以我猜你是在问如何预加载字体?有一种方法可以在nuxt中调用渲染函数.配置.js将预加载字体、脚本和样式,然后在客户端中提供它们,这样您就不必在scss文件中加载字体,只需设置它.试试这个:
//nuxt.config.js
module.exports = {
mode: ' your mode ',
...
render: {
bundleRenderer: {
shouldPreload: (file, type) => {
return ['script', 'style', 'font'].includes(type)
}
}
},
...
}
您可能还应该将字体存储在静态文件夹中./static/fonts/yourfonts.woff2