diff --git a/frontend/src/assets/fonts/NunitoSans-Black.woff b/frontend/src/assets/fonts/NunitoSans-Black.woff
new file mode 100644
index 0000000..0811250
Binary files /dev/null and b/frontend/src/assets/fonts/NunitoSans-Black.woff differ
diff --git a/frontend/src/assets/fonts/NunitoSans-BlackItalic.woff b/frontend/src/assets/fonts/NunitoSans-BlackItalic.woff
new file mode 100644
index 0000000..fa36ddc
Binary files /dev/null and b/frontend/src/assets/fonts/NunitoSans-BlackItalic.woff differ
diff --git a/frontend/src/assets/fonts/NunitoSans-Bold.woff b/frontend/src/assets/fonts/NunitoSans-Bold.woff
new file mode 100644
index 0000000..4b95813
Binary files /dev/null and b/frontend/src/assets/fonts/NunitoSans-Bold.woff differ
diff --git a/frontend/src/assets/fonts/NunitoSans-BoldItalic.woff b/frontend/src/assets/fonts/NunitoSans-BoldItalic.woff
new file mode 100644
index 0000000..6d7d20d
Binary files /dev/null and b/frontend/src/assets/fonts/NunitoSans-BoldItalic.woff differ
diff --git a/frontend/src/assets/fonts/NunitoSans-ExtraBold.woff b/frontend/src/assets/fonts/NunitoSans-ExtraBold.woff
new file mode 100644
index 0000000..50437a8
Binary files /dev/null and b/frontend/src/assets/fonts/NunitoSans-ExtraBold.woff differ
diff --git a/frontend/src/assets/fonts/NunitoSans-ExtraBoldItalic.woff b/frontend/src/assets/fonts/NunitoSans-ExtraBoldItalic.woff
new file mode 100644
index 0000000..0c9ef85
Binary files /dev/null and b/frontend/src/assets/fonts/NunitoSans-ExtraBoldItalic.woff differ
diff --git a/frontend/src/assets/fonts/NunitoSans-ExtraLight.woff b/frontend/src/assets/fonts/NunitoSans-ExtraLight.woff
new file mode 100644
index 0000000..8cbc5c0
Binary files /dev/null and b/frontend/src/assets/fonts/NunitoSans-ExtraLight.woff differ
diff --git a/frontend/src/assets/fonts/NunitoSans-ExtraLightItalic.woff b/frontend/src/assets/fonts/NunitoSans-ExtraLightItalic.woff
new file mode 100644
index 0000000..cda8bc9
Binary files /dev/null and b/frontend/src/assets/fonts/NunitoSans-ExtraLightItalic.woff differ
diff --git a/frontend/src/assets/fonts/NunitoSans-Italic.woff b/frontend/src/assets/fonts/NunitoSans-Italic.woff
new file mode 100644
index 0000000..e528c2a
Binary files /dev/null and b/frontend/src/assets/fonts/NunitoSans-Italic.woff differ
diff --git a/frontend/src/assets/fonts/NunitoSans-Light.woff b/frontend/src/assets/fonts/NunitoSans-Light.woff
new file mode 100644
index 0000000..93c9ad7
Binary files /dev/null and b/frontend/src/assets/fonts/NunitoSans-Light.woff differ
diff --git a/frontend/src/assets/fonts/NunitoSans-LightItalic.woff b/frontend/src/assets/fonts/NunitoSans-LightItalic.woff
new file mode 100644
index 0000000..f7d3314
Binary files /dev/null and b/frontend/src/assets/fonts/NunitoSans-LightItalic.woff differ
diff --git a/frontend/src/assets/fonts/NunitoSans-Regular.woff b/frontend/src/assets/fonts/NunitoSans-Regular.woff
new file mode 100644
index 0000000..513d5d0
Binary files /dev/null and b/frontend/src/assets/fonts/NunitoSans-Regular.woff differ
diff --git a/frontend/src/assets/fonts/NunitoSans-SemiBold.woff b/frontend/src/assets/fonts/NunitoSans-SemiBold.woff
new file mode 100644
index 0000000..134879c
Binary files /dev/null and b/frontend/src/assets/fonts/NunitoSans-SemiBold.woff differ
diff --git a/frontend/src/assets/fonts/NunitoSans-SemiBoldItalic.woff b/frontend/src/assets/fonts/NunitoSans-SemiBoldItalic.woff
new file mode 100644
index 0000000..054a83e
Binary files /dev/null and b/frontend/src/assets/fonts/NunitoSans-SemiBoldItalic.woff differ
diff --git a/frontend/src/assets/scss/_font.scss b/frontend/src/assets/scss/_font.scss
new file mode 100644
index 0000000..adcef6e
--- /dev/null
+++ b/frontend/src/assets/scss/_font.scss
@@ -0,0 +1,99 @@
+// src/assets/scss/_fonts.scss
+
+@font-face {
+  font-family: 'Nunito Sans Regular';
+  font-style: normal;
+  font-weight: normal;
+  src: local('Nunito Sans Regular'), url('../fonts/NunitoSans-Regular.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Nunito Sans Italic';
+  font-style: italic;
+  font-weight: normal;
+  src: local('Nunito Sans Italic'), url('../fonts/NunitoSans-Italic.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Nunito Sans ExtraLight';
+  font-style: normal;
+  font-weight: 200;
+  src: local('Nunito Sans ExtraLight'), url('../fonts/NunitoSans-ExtraLight.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Nunito Sans ExtraLight Italic';
+  font-style: italic;
+  font-weight: 200;
+  src: local('Nunito Sans ExtraLight Italic'), url('../fonts/NunitoSans-ExtraLightItalic.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Nunito Sans Light';
+  font-style: normal;
+  font-weight: 300;
+  src: local('Nunito Sans Light'), url('../fonts/NunitoSans-Light.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Nunito Sans Light Italic';
+  font-style: italic;
+  font-weight: 300;
+  src: local('Nunito Sans Light Italic'), url('../fonts/NunitoSans-LightItalic.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Nunito Sans SemiBold';
+  font-style: normal;
+  font-weight: 600;
+  src: local('Nunito Sans SemiBold'), url('../fonts/NunitoSans-SemiBold.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Nunito Sans SemiBold Italic';
+  font-style: italic;
+  font-weight: 600;
+  src: local('Nunito Sans SemiBold Italic'), url('../fonts/NunitoSans-SemiBoldItalic.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Nunito Sans Bold';
+  font-style: normal;
+  font-weight: bold;
+  src: local('Nunito Sans Bold'), url('../fonts/NunitoSans-Bold.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Nunito Sans Bold Italic';
+  font-style: italic;
+  font-weight: bold;
+  src: local('Nunito Sans Bold Italic'), url('../fonts/NunitoSans-BoldItalic.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Nunito Sans ExtraBold';
+  font-style: normal;
+  font-weight: 800;
+  src: local('Nunito Sans ExtraBold'), url('../fonts/NunitoSans-ExtraBold.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Nunito Sans ExtraBold Italic';
+  font-style: italic;
+  font-weight: 800;
+  src: local('Nunito Sans ExtraBold Italic'), url('../fonts/NunitoSans-ExtraBoldItalic.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Nunito Sans Black';
+  font-style: normal;
+  font-weight: 900;
+  src: local('Nunito Sans Black'), url('../fonts/NunitoSans-Black.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Nunito Sans Black Italic';
+  font-style: italic;
+  font-weight: 900;
+  src: local('Nunito Sans Black Italic'), url('../fonts/NunitoSans-BlackItalic.woff') format('woff');
+}
diff --git a/frontend/src/index.html b/frontend/src/index.html
index 71cdfcc..3b59253 100644
--- a/frontend/src/index.html
+++ b/frontend/src/index.html
@@ -5,7 +5,6 @@
     <title>Frontend</title>
     <base href="/" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="icon" type="image/x-icon" href="favicon.ico" />
   </head>
   <body>
     <app-root></app-root>
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index 7d144a5..d5cc6d6 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -1,15 +1,12 @@
-// Import PrimeNG styles
-// @import 'primeng/resources/themes/lara-light-blue/theme.css';
-// @import 'primeng/resources/primeng.css';
-
-// // PrimeNG icons
-// @import 'primeicons/primeicons.css';
-
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
 
+// Nunito Sans
+@import './assets/scss/font.scss';
 
+// TODO: Dirty Hack, Remove later
 :root:has(:is(.modal-open, .modal:target, .modal-toggle:checked + .modal, .modal[open])) {
   scrollbar-gutter: auto
 ;}
+
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
index 80f27e3..383e325 100644
--- a/frontend/tailwind.config.js
+++ b/frontend/tailwind.config.js
@@ -4,7 +4,22 @@ module.exports = {
     "./src/**/*.{html,ts}",
   ],
   theme: {
-    extend: {},
+    fontFamily: {
+      'sans': ['"Nunito Sans Regular"', 'ui-sans-serif', 'system-ui', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'Noto Sans', 'sans-serif'],
+      'serif': ['"Nunito Sans Regular"', 'ui-serif', 'Georgia', 'Cambria', 'Times New Roman', 'Times', 'serif'],
+      'mono': ['"Nunito Sans Regular"', 'ui-monospace', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', 'monospace'],
+    },
+    extend: {
+      fontFamily: {
+        'nunito-sans-italic': ['"Nunito Sans Italic"', 'sans-serif'],
+        'nunito-sans-extralight': ['"Nunito Sans ExtraLight"', 'sans-serif'],
+        'nunito-sans-light': ['"Nunito Sans Light"', 'sans-serif'],
+        'nunito-sans-semibold': ['"Nunito Sans SemiBold"', 'sans-serif'],
+        'nunito-sans-bold': ['"Nunito Sans Bold"', 'sans-serif'],
+        'nunito-sans-extrabold': ['"Nunito Sans ExtraBold"', 'sans-serif'],
+        'nunito-sans-black': ['"Nunito Sans Black"', 'sans-serif'],
+      }
+    }
   },
   plugins: [require('daisyui'), require('tailwindcss-animated')],
   daisyui: {