标签: stylus-loader

更改vuetify中的默认字体不起作用(vue-cli 3)[Vuetify 1.X]

我知道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'
Run Code Online (Sandbox Code Playgroud)

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

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

有什么意见吗?

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

vuetify.js vue-cli-3 stylus-loader

7
推荐指数
1
解决办法
3747
查看次数

标签 统计

stylus-loader ×1

vue-cli-3 ×1

vuetify.js ×1