title: How can i import ttf font local file to Vuetify Variables?
body: <p>i trying to add a custom font to Vuetify with a local ttf file, to add it, i tried @font-face but the compiler runs in problems to find the file it work with a @import but the font is not online :c
  here is my variable.scss file</p>
  <pre><code>@font-face {
      font-family: &quot;MyFont&quot;;
      src: url(&quot;assets/font/myfont.ttf&quot;);
  }
  
  $body-font-family:  'MyFont', sans-serif;
  </code></pre>
  <p>and here is the error</p>
  <pre><code>./assets/font/MyFont.ttf in ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!./node_modules/postcss-loader/src??ref--9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!./node_modules/vuetify/src/components/VAlert/VAlert.sass, ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!./node_modules/postcss-loader/src??ref--9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!./node_modules/vuetify/src/components/VApp/VApp.sass and 91 others
  </code></pre>
  <p>it seems to be a problem to find the font but i cannot simply put the ttf file in the node module directory :C</p>