client: add font nunito

client/layouts/default.vue

@@ -9,3 +9,9 @@
     <LayoutFooter />
   </div>
 </template>
+
+<style scoped>
+* {
+  font-family: Nunito, 'sans-serif';
+}
+</style>

client/public/fonts/fonts.css

@@ -0,0 +1,48 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+    @font-face {
+        font-family: 'Nunito';
+        font-style: normal;
+        font-weight: 400;
+        font-display: swap;
+        src: url('./nunito/Nunito-Regular.ttf') format('truetype');
+    }
+    @font-face {
+        font-family: 'Nunito';
+        font-style: italic;
+        font-weight: 400;
+        font-display: swap;
+        src: url('./nunito/Nunito-Italic.ttf') format('truetype');
+    }
+    @font-face {
+        font-family: 'Nunito';
+        font-style: normal;
+        font-weight: 500;
+        font-display: swap;
+        src: url('./nunito/Nunito-Medium.ttf') format('truetype');
+    }
+    @font-face {
+        font-family: 'Nunito';
+        font-style: italic;
+        font-weight: 500;
+        font-display: swap;
+        src: url('./nunito/Nunito-MediumItalic.ttf') format('truetype');
+    }
+    @font-face {
+        font-family: 'Nunito';
+        font-style: normal;
+        font-weight: 600;
+        font-display: swap;
+        src: url('./nunito/Nunito-SemiBold.ttf') format('truetype');
+    }
+    @font-face {
+        font-family: 'Nunito';
+        font-style: normal;
+        font-weight: 700;
+        font-display: swap;
+        src: url('./nunito/Nunito-Bold.ttf') format('truetype');
+    }
+}

tailwind.config.ts

@@ -17,6 +17,9 @@ export default <Partial<Config>>{
         primary: colors.indigo,
         secondary: colors.gray,
       },
+      fontFamily: {
+        nunito: 'Nunito, sans-serif',
+      },
     },
   },
   plugins: [require('@tailwindcss/forms')],