Change default font to Inter

assets/variables.scss

@@ -3,6 +3,11 @@
 // The variables you want to modify
 // $font-size-root: 20px;
 
+$font-inter: 'Inter', sans-serif;
+@use 'vuetify' with (
+  $body-font-family: $font-inter,
+);
+
 p a {
     color: rgb(var(--v-theme-primary));
     text-decoration: none;

nuxt.config.ts

@@ -32,7 +32,12 @@ export default defineNuxtConfig({
         { hid: 'description', name: 'description', content: '' },
         { name: 'format-detection', content: 'telephone=no' },
       ],
-      link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
+      link: [
+        { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
+        { rel: 'preconnect', href: 'https://fonts.googleapis.com' },
+        { rel: 'preconnect', href: 'https://fonts.gstatic.com' },
+        { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css2?family=Inter&display=swap' }
+      ],
     }
   },