Juan R Labrada

How to change default fonts in Vuetify and NuxtJS

First of all, you need to tell Nuxt to include the fonts you want to use. One way to do this is by adding a stylesheet link to your nuxt.config.js file. Add the link to the head section. Everything you add to the head will be included in the final html page head.

head: {
  link: [
    { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css?family=Oswald|Libre+Baskerville&display=swap' }

Next, you need to enable treeshaking in the vuetify section, as mentioned in the Nuxt.js module documentation. Also make sure that the customVariables property is set (it should be added automatically by create-nuxt-app script):

This page corresponds to the / route of your website. You can delete it or create another file in the content/ directory.

Try to navigate to /about. These 2 pages are rendered by the pages/[...slug].vue component.

const personName = personObject?.name
© 2023