vue.js - Vuetify - 自定义

Question

Vuetify 允许我们通过在项目中使用 variables.scss/sass 文件来更改默认主题和预设。
但我无法弄清楚如何动态更改整个应用程序的字体样式/字体粗细(或除颜色外的任何其他全局属性)。
例如:
我们有一个 vue 应用程序正在运行，全局字体当前设置为 Roboto，
我想要做的是在 v-select 中提供可用字体列表，并在 variables.scss 文件中动态提供所选值(假设 Raleway)或以某种方式触发 Vuetify 以获取更新的字体系列(甚至其他自定义) ，并将整个应用程序的默认字体更改为 Raleway。
我不想到处添加类。它将无法维护。
关于如何实现这一目标的任何想法？
提前致谢!

Answer 1

可以通过 variables file 更改应用程序范围内的字体正如您所提到的，但这是一个构建时的决定。如果您希望用户在正在运行的应用程序中换出字体，据我所知，没有任何机制可以做到这一点，因为该应用程序已经编译并运行。