Vuetify - 自定义

Question

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

关于如何实现这一点的任何想法？ 提前致谢！

Answer 1

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