小编sha*_*ghi的帖子

当 vuetify 中的语言环境发生变化时如何更改字体系列

我有一个多语言应用程序,它将通过选择输入来切换语言,在两种语言之间切换区域设置,另一方面,我有 2 个字体系列,我想在区域设置更改时进行切换。

\n
\n

vuetify.js

\n
    import Vue from 'vue';\n    import Vuetify from 'vuetify';\n    import 'vuetify/dist/vuetify.min.css';\n    import fa from '../i18n/vuetify/fa.ts';\n    import en from '../i18n/vuetify/en.ts';\n    \n    Vue.use(Vuetify);\n    \n    export default new Vuetify({\n      rtl: true,\n      lang: {\n        locales: { fa, en },\n        current: 'fa',\n      },\n    });\n
Run Code Online (Sandbox Code Playgroud)\n

样式.scss

\n
    // my font-faces\n    @import url('./fonts/gilroy/gilroy.css');\n    @import url('./fonts/yekan/yekan.css');\n    \n    $font-family: 'YekanBakh'; //or Gilroy\n    .v-application {\n        font-family: $font-family, sans-serif !important;\n        [class*='text-'] {\n          font-family: $font-family, sans-serif !important;\n        }\n      }\n
Run Code Online (Sandbox Code Playgroud)\n

语言选择器.vue

\n
export default {\n …
Run Code Online (Sandbox Code Playgroud)

fonts vue.js vuejs2 vuetify.js

6
推荐指数
1
解决办法
773
查看次数

标签 统计

fonts ×1

vue.js ×1

vuejs2 ×1

vuetify.js ×1