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

Posted 2023-02-22

【中文标题】如何在 Nuxt/Vuetify 中从头部删除 Google 字体 Roboto？

【英文标题】：How to remove Google font Roboto from head in Nuxt/Vuetify?

【发布时间】：2020-07-13 22:48:38

【问题描述】：

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

【参考方案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。