diff --git a/frontend/fonts/PoetsenOne-Regular.ttf b/frontend/fonts/PoetsenOne-Regular.ttf
new file mode 100644
index 0000000..1a89422
Binary files /dev/null and b/frontend/fonts/PoetsenOne-Regular.ttf differ
diff --git a/frontend/index.html b/frontend/index.html
index 51f3fab..c30d98b 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -3,26 +3,26 @@
     <head>
         <meta charset="UTF-8" />
         <title>Temperature Alarm</title>
-		<link rel="stylesheet" href="/styles/frontpage.css">
-	</head>
-	<body>
-		<main>
-			<div id="title">
-				<h1>
-					<img id="logo" src="/img/logo.webp" alt="Logo">
-					Temperature Alarm
-				</h1>
+        <link rel="stylesheet" href="/styles/frontpage.css">
+    </head>
+    <body>
+        <main>
+            <div id="title">
+                <h1>
+                    <img id="logo" src="/img/logo.webp" alt="Logo">
+                    Temperature Alarm
+                </h1>
 
-				<div id="buttons-wrapper">
-					<a href="/login">
-						<button class="secondary">Login</button>
-					</a>
-					<a href="/register">
-						<button class="primary">Sign up</button>
-					</a>
-				</div>
-			</div>
-		</main>
-	</body>
+                <div id="buttons-wrapper">
+                    <a href="/login">
+                        <button class="secondary">Login</button>
+                    </a>
+                    <a href="/register">
+                        <button class="primary">Sign up</button>
+                    </a>
+                </div>
+            </div>
+        </main>
+    </body>
 </html>
 
diff --git a/frontend/styles/frontpage.css b/frontend/styles/frontpage.css
index 2ba4e9d..f8cbe7a 100644
--- a/frontend/styles/frontpage.css
+++ b/frontend/styles/frontpage.css
@@ -1,3 +1,8 @@
+@font-face {
+    font-family: "Poetsen One";
+    src: url("/fonts/PoetsenOne-Regular.ttf");
+}
+
 body {
     margin: 0;
     font-family: sans-serif;
@@ -14,16 +19,18 @@ main {
 }
 
 #logo {
-	height: 1em;
-	position: relative;
-	top: 5px;
-	filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.4));
+    height: 1em;
+    position: relative;
+    top: 5px;
+    filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.4));
 }
 
 h1 {
     margin: 0;
     font-size: 4rem;
     text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4);
+    font-family: "Poetsen One";
+    font-weight: normal;
 }
 
 #title {
