vue.js 在没有类星体配置的情况下删除类星体中的默认字体

but5z9lq  于 2023-01-31  发布在  Vue.js
关注(0)|答案(1)|浏览(143)

我已经成功地添加了我的字体到我的Quasar项目。只有这是不可见的,因为旧的字体仍然覆盖它。我已经阅读了文档(https://quasar.dev/style/typography#default-font)关于删除Roboto字体,但这只适用于quasar.config文件,我没有。只有vite.config.js和我不能得到的字体删除那里。所以我的问题是如何才能删除一个简单的字体以正确的方式。
这是我目前的main.js。

import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
import router from "./router"; //router
import { createPinia } from "pinia"; //state managment
import { Quasar } from 'quasar'
import iconSet from 'quasar/icon-set/svg-line-awesome'
import '@quasar/extras/line-awesome/line-awesome.css'
import 'quasar/dist/quasar.css'

import { i18n } from './lang/i18n' //lang

createApp(App).use(i18n).use(createPinia()).use(router).use(Quasar,{plugins: {},lang: quasarLang, iconSet: iconSet, extras: []}).mount("#app");
mrfwxfqh

mrfwxfqh1#

根据文档说明,您可以为Vite config提供Quasar选项,如下所示:

// FILE: vite.config.js

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { quasar, transformAssetUrls } from '@quasar/vite-plugin'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue({
      template: { transformAssetUrls }
    }),

    quasar({
      sassVariables: 'src/quasar-variables.sass',
      extras: [
        'roboto-font'
      ]
    })
  ]
})

相关问题