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

2023-12-21

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


如果您使用 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,它删除内置字体及其请求。然后你可以在本地添加你的字体。

更详细的链接:默认资产 https://github.com/nuxt-community/vuetify-module#defaultassets

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 Nuxt/Vuetify 中从头部删除 Google 字体 Roboto? 的相关文章

  • 如何将 OTF/TTF 文件转换为 EOT 格式?

    我需要使用 font face 功能 并且我的字体是 OTF TTF 格式 而 Microsoft 浏览器仅支持 EOT 格式 我尝试使用微软工具WEFT 但它不起作用或者我不明白它是如何工作的 还有其他方法可以将我的字体转换为 EOT 格
  • vuetify 中的 v-app-bar 和 v-toolbar 有什么区别?

    我刚刚开始探索vuetify http vuetifyjs com 所有 vuetify 组件都位于
  • 如何更改 Flutter 中的默认字体系列

    如何更改应用程序的每个文本以使用特定字体 我可以使用以下命令单独更改它们TextStyle 但如何让我的应用程序默认使用特定字体 你能告诉我怎么做吗 您可以按照以下步骤更改 Flutter 应用程序的默认字体系列 1 将字体文件添加到项目文
  • 如何让 Win32 使用 Windows XP 样式字体

    我正在使用纯 C 和 WinAPI 编写 Win32 应用程序 不允许使用 MFC 或 C 为了让控件使用适当的样式进行绘制 我使用了清单 如相应的 MSDN 文章中所述 一切都很好 当我更改系统样式时 我的应用程序也会更改样式 但使用的字
  • nuxtjs 无法在生产环境中显示动态 url

    我正在使用 nuxjs 构建我的项目 并创建一个动态显示地点信息的页面 当我跑步时npm run dev并测试http localhost 3000 place 66bb50b7a5 http localhost 3000 place 66
  • v-file-input .click() 不是函数

    我试图以编程方式触发 v file input 的 click 事件 因为它在 Vuetify 的文档中 但它显示一个错误this refs imagePicker click is not a function我在这里错过了什么吗 代码重
  • 无法将中间件与 Firebase 和 NuxtJS 3 一起使用

    我正在尝试在示例项目中使用 Firebase 身份验证 身份验证按预期工作 但是一旦我想使用中间件来阻止用户访问管理页面或在已经登录的情况下访问登录页面 这是不可能的 我已经尝试了几个小时 但没有任何效果 这是我的package json
  • 无法从 Vue 3.2 中的 V-Data-Table 中删除页脚/分页

    所以 我正在使用 VueJs 3 2 Vite 3 2 4 Vuetify 3 2 2 我知道应该如何声明 DataTable 上的选项 以便删除页脚和分页 如下所示
  • 使用 Nuxt 动态获取并编译模板

    我想从远程获取 svg 并通过编译使其栩栩如生 对于 赋予生命 我的意思是按类选择其中一些元素 并动态地将组件列表附加到其中 现在我只是使用 div div 我的组件如下所示 data return svg async created le
  • 没有窗口的 GetFontUnicodeRanges

    有机会打电话吗GetFontUnicodeRanges没有窗户 例如 它可能是不允许与桌面交互的 Windows 服务 目前我正在使用控制台应用程序对此进行测试 program UnicodeConsoleOutput APPTYPE CO
  • 如何在 Rails 5 中设置资产管道以使用自定义字体?

    我必须使用自定义字体贾米尔 努里 纳斯塔莱克 http www urdujahan com urdu fonts Jameel 20Noori 20Nastaleeq zip在 Rails 5 应用程序中 我以前从未使用过 Rails 中的
  • nuxt.js - 如何在服务器端为所有客户端缓存 axios 调用

    我正在使用 vue nuxt js 应用程序 我想知道是否可以为所有客户端缓存 axios webservice 调用 我必须获取一些货币参考数据 而每个客户都必须调用这些数据并没有多大意义 有人可以给我一些提示 甚至是一个例子吗 谢谢 这
  • Nuxt JS 插件是否可以只运行一次?

    我有几个 VueX 操作 仅在服务器上运行 并从nuxtServerInit 它们向外部服务发出 HTTP 请求 这会减慢 TTFB 的速度 我想实现一个缓存插件 可以从 Redis 存储和检索值 目的是避免在每个请求的操作中发出 HTTP
  • 如何在 flutter/dart 中使用设定大小的自定义字体?

    我正在尝试使用color fontWeight and fontFamily with style style copyWith 我尝试使用的自定义字体是Vonique 我已经将它像这样导入到pubspec yaml fonts famil
  • 使用自定义 TTF 字体进行 DrawString 图像渲染

    我在服务器端使用 GDI 创建图像 并将其传输到用户的浏览器 没有一个标准字体符合我的要求 因此我想加载 TrueType 字体并使用此字体将字符串绘制到图形对象 using var backgroundImage new Bitmap b
  • 仅从 PDF 中提取粗体文本的最佳方法

    iTextSharp 是一个很棒的工具 我可以使用PdfTextExtractor GetTextFromPage reader iPage 它工作得很好 但是有没有办法从 pdf 中只提取粗体文本 例如标题 而不是所有内容 无论编程语言如
  • Windows 与 MacOS 上的不同大小字体渲染。怎么解决?

    我一直想知道为什么在 Windows 上我的字体看起来比 OSX 上更小 而且更蹩脚 Mac 与 Windows 的屏幕截图 http screencast com t UUxqLRhM http screencast com t UUxq
  • 在 swift 中使用自定义字体[关闭]

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 我需要一个用于 swift sprite kit iOS 的字体 该字体用于商业目的 我正在尝试拥有一
  • 如何更改 Vuetify 日历日期格式

    我正在尝试在以下 Vuetify 日历上启用输入事件 https github com vuetifyjs vuetify blob master packages docs src examples calendars complex e
  • 更改控件的字体时是否应该丢弃旧字体?

    C Windows 窗体应用程序 我们正在重新设计我们的应用程序 我还更改了旧应用程序中使用的糟糕的默认字体 所以我想在加载表单时调用以下函数来更改表单上所有控件的字体 internal static void SetFonts Contr

随机推荐

  • 如何在react中从http重定向到https?

    我在 Chrome 中的审核显示了 net ERR EMPTY RESPONSE 因为 Lighthouse 无法可靠地加载我请求的页面 Google 开发人员建议我配置我的服务器 node js 以从 http 重定向到 https 我尝
  • 全局禁用 sbt supershell

    如同这个问题 https stackoverflow com questions 61432711 sbt 1 3 8 displaying a lot of useless messages我想阻止 sbt 用消息和空行向 shell 发
  • 在 pickle 文件中保存和加载多个对象?

    我有一个类为游戏中的玩家提供服务 创建他们和其他东西 我需要将这些播放器对象保存在文件中以便稍后使用 我尝试过 pickle 模块 但我不知道如何保存多个对象并再次加载它们 有没有办法做到这一点 或者我应该使用其他类 例如列表 并在列表中保
  • 为什么我们需要容器?

    作为借口 标题模仿了标题为什么我们需要单子 https stackoverflow com questions 28139259 why do we need monads 有容器 http www sciencedirect com sc
  • celery .delay 挂起(最近,不是身份验证问题)

    我正在运行 Celery 2 2 4 djCelery 2 2 4 使用 RabbitMQ 2 1 1 作为后端 我最近上线了两台新的 celery 服务器 我一直在两台机器上运行 2 个工作线程 总共有大约 18 个线程 在我的新增强的盒
  • AssertionError:“HyperlinkedIdentityField”需要序列化器上下文中的请求

    我想创建一个many to many一个人可以加入多个俱乐部 一个俱乐部可以有很多人的关系 我添加了models py and serializers py对于以下逻辑 但当我尝试在命令提示符中序列化它时 出现以下错误 我在这里做错了什么
  • Typescript:为什么 keyof {} 的类型是 never?

    我很困惑keyof应用于空对象时的运算符 示例代码 const o const k Array
  • React 替换 componentWillReceiveProps

    在我的子组件中有以下方法可以更新道具更改的状态 效果很好 componentWillReceiveProps nextProps update original states this setState fields nextProps f
  • 使用预输入时在 onblur 事件期间选择值

    我有一个简单的预先输入获取货币列表 当我开始输入并选择所需的值 或按 TAB 键 时 就会选择所需的值 直到此时一切都按预期进行 然而 如果我输入整个单词并在输入外部单击而不是选择值 onblur 事件 那么即使我输入中的值与过滤器值匹配
  • 量角器覆盖范围不生成报告

    我们应用程序的后端位于PHP对于前端我们正在使用AngularJs 我们成功地在本地和生产服务器上运行了 e2e 测试 使用protractor 在为我们的应用程序编写大量 e2e 测试后 我们开始寻找与单元测试类似的覆盖范围 经过一番寻找
  • C++中如何返回NULL对象

    我知道这可能是以下内容的重复 如果未找到搜索结果 则返回 NULL 对象 https stackoverflow com questions 2639255 c return a null object if search result n
  • 在java中创建mongodb上限集合

    我想从 Java 代码创建一个上限集合 我找到了通过 JavaScript 创建它的语法 但找不到 Java 的示例 Mongo mongo new Mongo 127 0 0 1 DB db mongo getDB mydbid DBCo
  • npm run android 不会启动 Android 应用程序

    Issue 我能够清除我的最后一个issue https stackoverflow com questions 54231555 unable to resolve dependency for could not resolve pro
  • Mixin 黯然失色

    假设我有这样的代码 class A foo gt A class B foo gt B class C foo gt C class Mix extends A with B C foo gt MIX bar gt super foo cl
  • 在 Firebase Functions 和 React 之间共享代码

    我正在将 Firebase 函数与 React 应用程序一起使用 我有一些重要的代码 我不想重复 所以我想在已部署的函数和我的 React 客户端之间共享它 我已经在我的 React 客户端本地工作了 尽管我还没有尝试部署 但我无法部署我的
  • 在R的scales包中,为什么trans_new使用inverse参数?

    我刚刚被建议使用 r 的 scales 包中的 trans new 方法来使用立方根转换绘图的 x 轴 我使用 trans new 定义立方根函数 然后使用该立方根函数来变换 x 轴 大概这个练习更具学术性而不是实用性 我通过 trans
  • 如何在 Mac OS X 上不使用 sudo 安装 gem

    我读过很多帖子 但到目前为止还没有一个能做到这一点 我如何在 OSX El Capitan Beta 上为我自己的用户安装 gem 帖子建议指定 user install例如但我不能打电话gem没有sudo根本没有 因为它会引发权限错误 我
  • 函数返回是否必须称为闭包

    嘿 我在 youtube 上看到了这个视频http www youtube com watch v KRm h6vcpxs http www youtube com watch v KRm h6vcpxs 这基本上解释了 IIFE 和闭包
  • 友元函数可以继承吗?为什么基类 FRIEND 函数可以在派生类对象上工作?

    class baseClass public friend int friendFuncReturn baseClass obj return obj baseInt baseClass int x baseInt x private in
  • 如何在 Nuxt/Vuetify 中从头部删除 Google 字体 Roboto?

    默认情况下 Vuetify 在 Nuxt 静态生成页面的头部包含 Google 字体 Roboto 如何从头部删除此字体 有这个选择吗 我想保留这个不必要的请求 如果您使用 Nuxt vuetify 请执行以下操作 安装 nuxtjs vu