Vuetify允许我们通过在项目中使用variables.scss/sass文件来更改默认主题和预设。但是我无法弄清如何动态地在整个应用程序中更改字体样式/字体粗细（或任何其他全局属性，除了颜色）。例如：我们有一个正在运行的Vue应用程序，全局字体当前设置为Roboto，我想做的是在v-select中提供可用字体列表，并动态地将所选值（假设为Raleway）提供给variables.scss文件，或以某种方式触发Vuetify选择更新的字体族（甚至其他自定义），并将整个应用程序的默认字体更改为Raleway。我不想到处添加类，这样就无法维护。你有什么建议吗？谢谢！
1个回答
1
通过variables文件可以实现全局更改字体，但这是在构建时做出的决定。如果您想要用户在运行应用程序时交换字体，则据我所知没有任何机制可以实现此功能，因为应用程序已经编译并在运行中。
- Noah Stahl
3
没错，我已经搜索了很多地方，但仍然没有结果。
你认为 CSS in JS 库可能会起作用吗？
请查看：https://www.npmjs.com/package/vue-styled-components
我仍然需要亲自试一试，看看它是否与 vuetify 兼容并且能够顺利工作。 - Aagam Vadecha
不确定，我会选择一个字体并使用它。 :) - Noah Stahl
没错，那是最简单的选择，但这里的用例有点不同，
我想要在用户使用时提供自定义选项。
没关系，谢谢！ - Aagam Vadecha
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接