Change default font in vuetify

Question

I can\'t figure out how to change the default font in vuetify. I\'ve been looking for the right variable within ./node_modules/vuetify, but I can\'t locate it.

I\'d

Answer 1

This solution work on Vue-CLI>=3

First of all you must install sass-loader

npm install sass sass-loader fibers deepmerge -D

You should first create "sass" folder in the "src" directory, then create a "variables.scss" file in this directory.

Then write the below code in this file.

$ body-font-family: Your-FontName
@import '~vuetify/src/styles/settings/_variables.scss';

You need to restart your project now.