diff --git a/package-lock.json b/package-lock.json
index c97b89a..637790c 100644
--- a/package-lock.json
+++ b/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",
diff --git a/package.json b/package.json
index 392efd7..c19f53c 100644
--- a/package.json
+++ b/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",
diff --git a/src/app.css b/src/app.css
index f917b2f..016c22b 100644
--- a/src/app.css
+++ b/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;
 	}
diff --git a/static/fonts/Roboto-Black.ttf b/static/fonts/Roboto-Black.ttf
deleted file mode 100644
index 0112e7d..0000000
Binary files a/static/fonts/Roboto-Black.ttf and /dev/null differ
diff --git a/static/fonts/Roboto-Bold.ttf b/static/fonts/Roboto-Bold.ttf
deleted file mode 100644
index 43da14d..0000000
Binary files a/static/fonts/Roboto-Bold.ttf and /dev/null differ
diff --git a/static/fonts/Roboto-Medium.ttf b/static/fonts/Roboto-Medium.ttf
deleted file mode 100644
index ac0f908..0000000
Binary files a/static/fonts/Roboto-Medium.ttf and /dev/null differ
diff --git a/static/fonts/Roboto-Regular.ttf b/static/fonts/Roboto-Regular.ttf
deleted file mode 100644
index ddf4bfa..0000000
Binary files a/static/fonts/Roboto-Regular.ttf and /dev/null differ
diff --git a/tailwind.config.js b/tailwind.config.js
index db88b6e..4fd46db 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -5,6 +5,7 @@ export default {
 		extend: {},
 		fontFamily: {
 			minecraft: ['Minecraft'],
+			nunito: ['Nunito'],
 			roboto: ['Roboto']
 		}
 	},