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

时间:2020-04-02 02:53:06

标签: fonts vuetify.js nuxt.js

默认情况下,Vuetify在从Nuxt生成的静态页面的顶部包含Google字体“ Roboto”。我怎样才能从头部删除该字体?有这个选项吗?我想保存这个不必要的请求...

1 个答案:

答案 0 :(得分:8)

如果您使用的是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