replace static roboto font with fontsource and add nunito font

package-lock.json

@@ -16,6 +16,8 @@
 				"sqlite3": "^5.1.7"
 			},
 			"devDependencies": {
+				"@fontsource/nunito": "^5.0.20",
+				"@fontsource/roboto": "^5.0.15",
 				"@sveltejs/adapter-node": "^5.2.2",
 				"@sveltejs/kit": "^2.5.26",
 				"@types/bcrypt": "^5.0.2",
@@ -609,6 +611,20 @@
 				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
 			}
 		},
+		"node_modules/@fontsource/nunito": {
+			"version": "5.0.20",
+			"resolved": "https://registry.npmjs.org/@fontsource/nunito/-/nunito-5.0.20.tgz",
+			"integrity": "sha512-jbWa1rztKTsR3GGJHHHJ4a2Gcvpb+7aIRq1II1RKG787jmVKOt3/lsRIY93hyIgmldhaq1DJbzCuY4ZkK4u9OA==",
+			"dev": true,
+			"license": "OFL-1.1"
+		},
+		"node_modules/@fontsource/roboto": {
+			"version": "5.0.15",
+			"resolved": "https://registry.npmjs.org/@fontsource/roboto/-/roboto-5.0.15.tgz",
+			"integrity": "sha512-352XiID9jfwmYaHpdmS3ocGJi3PA+vOm4HzJIRfSyPEyLP6dZN8iiEKUbdAfB5YXQO3YxO2KZpR+R28q2zMiYw==",
+			"dev": true,
+			"license": "Apache-2.0"
+		},
 		"node_modules/@gar/promisify": {
 			"version": "1.1.3",
 			"resolved": "https://registry.npmjs.org/@gar/promisify/-/promisify-1.1.3.tgz",

package.json

@@ -13,6 +13,8 @@
 		"format": "prettier --write ."
 	},
 	"devDependencies": {
+		"@fontsource/nunito": "^5.0.20",
+		"@fontsource/roboto": "^5.0.15",
 		"@sveltejs/adapter-node": "^5.2.2",
 		"@sveltejs/kit": "^2.5.26",
 		"@types/bcrypt": "^5.0.2",

src/app.css

@@ -1,3 +1,6 @@
+@import "@fontsource/nunito";
+@import "@fontsource/roboto";
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
@@ -8,30 +11,6 @@
 		src: url('/fonts/MinecraftRegular.otf') format('opentype');
 	}
 
-	@font-face {
-		font-family: 'Roboto';
-		src: url('/fonts/Roboto-Regular.ttf') format('truetype');
-		font-weight: normal;
-	}
-
-	@font-face {
-		font-family: 'Roboto';
-		src: url('/fonts/Roboto-Medium.ttf') format('truetype');
-		font-weight: 500;
-	}
-
-	@font-face {
-		font-family: 'Roboto';
-		src: url('/fonts/Roboto-Bold.ttf') format('truetype');
-		font-weight: bold;
-	}
-
-	@font-face {
-		font-family: 'Roboto';
-		src: url('/fonts/Roboto-Black.ttf') format('truetype');
-		font-weight: 900;
-	}
-
 	html {
 		@apply font-roboto scroll-smooth;
 	}

tailwind.config.js

@@ -5,6 +5,7 @@ export default {
 		extend: {},
 		fontFamily: {
 			minecraft: ['Minecraft'],
+			nunito: ['Nunito'],
 			roboto: ['Roboto']
 		}
 	},