如何从 Nuxt/Vuetify 的头部删除 Google 字体 Roboto？

Question

默认情况下，Vuetify 在 Nuxt 静态生成页面的头部包含 Google 字体“Roboto”。如何从头部删除此字体？有没有这个选项？我想保存这个不必要的请求...

Answer 1

如果您使用 Nuxt + vuetify ，请执行以下操作：

1. 安装“@nuxtjs/vuetify”包。
2. 在 nuxt.config 文件中添加这些配置：

buildModules: [
  '@nuxtjs/vuetify'
],

      vuetify: {
        customVariables: ['~/assets/variables.scss'], // vuetify var styles.
        optionsPath: './vuetify.options.js', // vuetify option like theme.
        defaultAssets: false,
        treeShake: true
      }

当您添加 defaultAssets: false 时，它会删除内置字体及其请求。然后你可以在本地添加你的字体。

更多详细链接： defaultAssets