title: nuxt vuetify google font
body: <p>I use Nuxt with vuetify. And I would like to use google fonts. Unfortunately it is not possible to overwrite the default font Roboto with a main.styl file. The goal in the main.stly is to overwrite the vuetify styl. How is that possible that I overwrite everything with my font (also buttons).  Thank you very much for your help</p>
  
  <blockquote>
    <p>nuxt.config.js</p>
  </blockquote>
  
  <pre><code>{
      rel: 'stylesheet',
      href:
        'https://fonts.googleapis.com/css?family=Noto+Serif'
    }
  css: [
  '~/assets/style/app.styl',
  '~/assets/style/main.styl'css:],
  </code></pre>
  
  <blockquote>
    <p>main.styl</p>
  </blockquote>
  
  <pre><code>body{
  font-family: 'Noto Serif', serif;}
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/tSLUo.png" rel="nofollow noreferrer">image 01</a></p>
  
  <p><a href="https://i.stack.imgur.com/LnODm.png" rel="nofollow noreferrer">image 02</a></p>