Incorporate two new fonts in tailwind.config.mjs and global.css

Author: nsandoya

src/assets/fonts/Gabarito.ttf

@@ -1,3 +1,25 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+
+@font-face {
+    font-family: 'montserrat';
+    src: url("../assets/fonts/Montserrat.ttf") format('truetype')
+    /* font-weight: 400;
+    font-style: normal; */
+  }
+  
+  @font-face {
+    font-family: 'gabarito';
+    src: url('../assets/fonts/Gabarito.ttf') format('truetype')
+    /* font-weight: 400;
+    font-style: normal; */
+  }
+
+@layer {
+    h1{
+        @apply font-montserrat
+    }
+
+}

src/assets/fonts/Montserrat.ttf

@@ -2,7 +2,12 @@
 export default {
 	content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
 	theme: {
-		extend: {},
+		extend: {
+			fontFamily: {
+				montserrat: ['Montserrat', 'sans-serif'], 
+				gabarito: ['Gabarito', 'sans-serif'], 
+			  },
+		},
 	},
 	plugins: [],
 }