feat: Add Inter font

src/App.vue

@@ -1,5 +1,5 @@
 <template>
-  <div id="app" class="h-screen flex flex-col">
+  <div id="app" class="h-screen flex flex-col bg-white font-sans">
     <Desk class="flex-1" v-if="showDesk" />
     <database-selector v-if="showDatabaseSelector" @file="connectToDBFile" />
     <setup-wizard v-if="showSetupWizard" />

src/styles/index.css

@@ -1,3 +1,18 @@
+@font-face {
+  font-family: 'Inter var experimental';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: oblique 0deg 10deg;
+  src: url('../assets/fonts/Inter.var.woff2') format('woff2');
+}
+
+* {
+  font-variation-settings: 'slnt' 0deg;
+}
+.italic {
+  font-variation-settings: 'slnt' 10deg;
+}
+
 @tailwind base;
 
 @tailwind components;

tailwind.config.js

@@ -1,5 +1,8 @@
 module.exports = {
   theme: {
+    fontFamily: {
+      'sans': ['Inter var experimental', 'sans-serif'],
+    },
     extend: { }
   },
   variants: {