相关疑难解决方法(0)

我知道SO 中的问题change-default-font-in-vuetify，但由于它是在vue-cli-3出来之前发布的，所以并没有解决我的问题，因此这里的想法不适用于那是，Vuetify的官方文档中关于如何更改主题和其他选项 的内容在使用vue-cli 3创建项目时没有任何有效步骤。

到目前为止，我的尝试是这样的：
-vue create fooproject（使用默认配置，但是即使我不使用默认配置，而是选择我想要的项目，并手动选择css-preprocessor作为手写笔，它也无法正常工作）
-vue添加vuetify-
创建一个插件目录：src / plugins，在其中存储vuetify.js-
在HelloWorld组件中添加v-btn只是为了知道字体是否有效
-然后我应该可以导入../手写笔/main.styl，我在其中：

@import '~vuetify/src/stylus/settings/_variables'
$body-font-family = 'Open Sans', sans-serif;
$heading-font-family = 'Montserrat', sans-serif;
@import '~vuetify/src/stylus/main'

我什至尝试使用@import'〜vuetify / src / stylus / main'，是否还必须添加其他手写笔加载程序依赖项或其他内容？因为这正是Vuetify网站上不推荐的内容。

错误日志：没有错误，我只是在材质按钮中继续使用Roboto字体

有什么意见吗？

其他尝试：我尝试遵循Jacob E. Dawson编写的步骤，但是可能缺少一些超级傻的东西。

我正在使用 Vue.js 2.6.10n 以及 Vuetify 2.1.0 和 vue-router 3.1.3 开发一个网站。

我有一个带有 v-btns 的 v-app-bar 来链接到不同的伪页面，并希望在按钮处于活动状态时有一个自定义类，即它链接到当前显示的页面。使用active-classv-btn 的 ，我可以在 Vuetify 默认值的“顶部”添加样式，但不能完全覆盖它。

我怎样才能完全摆脱默认的活动类？

我的目标只是在 btn 文本处于活动状态时为其添加下划线，并摆脱默认的“按下按钮”样式。

这是我的代码示例：

<template>
<v-btn
        to="/"
        active-class="active"
        text
        class=" white--text display-1 logo"
        >HOME</v-btn>
.
.
.
</template>
<style lang="scss" scoped>
.active {
  border-bottom: solid;
  border-color: yellow;
}
</style>