堆栈:Nuxt.js + Vuetify.js
问题:设置全局主体字体大小不起作用
尝试:
在〜/ assets / style / app.styl中,我将正文字体大小设置为40px:

// Import Vuetify styling
$body-font-size = 40px;
@require '~vuetify/src/stylus/app.styl'

输出:无效:


javascript - 设置全局主体字体大小不起作用-LMLPHP


注意:@body-font-weight也会发生相同的情况
问题:为什么会发生这种情况以及如何克服?
复制链接:here

最佳答案

这是因为您正在使用vuetify loader插件。因此,您更改的变量应放入变量文件,而不是app.styl

因此,您的assets/style/variables.styl应该如下所示:

$font-size-root = 40px;
@require '~vuetify/src/stylus/settings/_variables.styl'

关于javascript - 设置全局主体字体大小不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/55177950/

10-12 13:27