環境
$ vue -V
3.8.4
やり方
App.vueに下記のようなcss(scss)を追加する
<style lang="scss">
* :not(.v-icon) {
font-family: "Hiragino Kaku Gothic Pro","メイリオ", sans-serif!important;
}
</style>
記述例
App.vue
<template lang="pug">
v-app
router-view
</template>
<script lang='ts'>
import { Component, Vue } from 'vue-property-decorator';
@Component
export default class App extends Vue {}
</script>
<style lang="scss">
* :not(.v-icon) {
font-family: "Hiragino Kaku Gothic Pro","メイリオ", sans-serif!important;
}
</style>
補足
かなり強引なやり方だと思うので、あくまでも 手っ取り早く 変更する方法です。
他に良い方法があればそっちを行うのが良いと思います。
(そして僕にも教えていただけると嬉しいです。)