如何在 Nuxt/Vuetify 中从头部删除 Google 字体 Roboto？答案

【问题标题】：How to remove Google font Roboto from head in Nuxt/Vuetify?如何在 Nuxt/Vuetify 中从头部删除 Google 字体 Roboto？
【发布时间】：2020-07-13 22:48:38
【问题描述】：

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

【问题讨论】：

标签： fonts vuetify.js nuxt.js

【解决方案1】：

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

安装“@nuxtjs/vuetify”包。
在 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

【讨论】：

太棒了！ “defaultAssets: false” 完成了 - 感谢您的提示！
当我这样做时，它会删除 mdi 图标。我怎样才能重新添加它们？
@connorcode ，你需要将其定义为一个对象：defaultAssets: { font: false, icons: true, }，或者手动添加mdi-icons vuetify docs解释得很好。
这会移除菜单并展开图标（导航）但保留社交媒体图标，很奇怪
@connorcode 您使用的是 v2.0.0-beta.2 版本的 vuetify 模块吗？因为它还不稳定，你必须使用 v1.11。