diff --git a/index.html b/index.html
index e832da4..d4041d2 100644
--- a/index.html
+++ b/index.html
@@ -11,6 +11,7 @@
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
     <meta name="apple-mobile-web-app-title" content="SteamWar Multitool">
     <link rel="manifest" href="/manifest.json">
+    <link href="/font/roboto.css" rel="stylesheet">
 
     <title>SteamWar Eventplanner</title>
   </head>
diff --git a/public/font/roboto-black-italic.woff2 b/public/font/roboto-black-italic.woff2
new file mode 100644
index 0000000..c9685aa
Binary files /dev/null and b/public/font/roboto-black-italic.woff2 differ
diff --git a/public/font/roboto-black.woff2 b/public/font/roboto-black.woff2
new file mode 100644
index 0000000..5dca5b1
Binary files /dev/null and b/public/font/roboto-black.woff2 differ
diff --git a/public/font/roboto-bold-italic.woff2 b/public/font/roboto-bold-italic.woff2
new file mode 100644
index 0000000..c55d465
Binary files /dev/null and b/public/font/roboto-bold-italic.woff2 differ
diff --git a/public/font/roboto-bold.woff2 b/public/font/roboto-bold.woff2
new file mode 100644
index 0000000..fa56ae8
Binary files /dev/null and b/public/font/roboto-bold.woff2 differ
diff --git a/public/font/roboto-italic.woff2 b/public/font/roboto-italic.woff2
new file mode 100644
index 0000000..9b8983f
Binary files /dev/null and b/public/font/roboto-italic.woff2 differ
diff --git a/public/font/roboto-light-italic.woff2 b/public/font/roboto-light-italic.woff2
new file mode 100644
index 0000000..f081d41
Binary files /dev/null and b/public/font/roboto-light-italic.woff2 differ
diff --git a/public/font/roboto-light.woff2 b/public/font/roboto-light.woff2
new file mode 100644
index 0000000..f21f0d5
Binary files /dev/null and b/public/font/roboto-light.woff2 differ
diff --git a/public/font/roboto-medium-italic.woff2 b/public/font/roboto-medium-italic.woff2
new file mode 100644
index 0000000..23855fe
Binary files /dev/null and b/public/font/roboto-medium-italic.woff2 differ
diff --git a/public/font/roboto-medium.woff2 b/public/font/roboto-medium.woff2
new file mode 100644
index 0000000..6a77078
Binary files /dev/null and b/public/font/roboto-medium.woff2 differ
diff --git a/public/font/roboto-thin-italic.woff2 b/public/font/roboto-thin-italic.woff2
new file mode 100644
index 0000000..5f2b26c
Binary files /dev/null and b/public/font/roboto-thin-italic.woff2 differ
diff --git a/public/font/roboto-thin.woff2 b/public/font/roboto-thin.woff2
new file mode 100644
index 0000000..c283973
Binary files /dev/null and b/public/font/roboto-thin.woff2 differ
diff --git a/public/font/roboto.css b/public/font/roboto.css
new file mode 100644
index 0000000..be32a18
--- /dev/null
+++ b/public/font/roboto.css
@@ -0,0 +1,85 @@
+/* roboto-thin-italic */
+@font-face {
+	font-family: Roboto;
+	font-style: italic;
+	font-weight: 100;
+	src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(roboto-thin-italic.woff2) format("woff2");
+}
+/* roboto-thin */
+@font-face {
+	font-family: Roboto;
+	font-style: normal;
+	font-weight: 100;
+	src: local("Roboto Thin"), local("Roboto-Thin"), url(roboto-thin.woff2) format("woff2");
+}
+/* roboto */
+@font-face {
+	font-family: Roboto;
+	font-style: normal;
+	font-weight: 400;
+	src: local("Roboto"), local("Roboto-Regular"), url(roboto.woff2) format("woff2");
+}
+/* roboto-medium-italic */
+@font-face {
+	font-family: Roboto;
+	font-style: italic;
+	font-weight: 500;
+	src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(roboto-medium-italic.woff2) format("woff2");
+}
+/* roboto-medium */
+@font-face {
+	font-family: Roboto;
+	font-style: normal;
+	font-weight: 500;
+	src: local("Roboto Medium"), local("Roboto-Medium"), url(roboto-medium.woff2) format("woff2");
+}
+/* roboto-light-italic */
+@font-face {
+	font-family: Roboto;
+	font-style: italic;
+	font-weight: 300;
+	src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(roboto-light-italic.woff2) format("woff2");
+}
+/* roboto-light */
+@font-face {
+	font-family: Roboto;
+	font-style: normal;
+	font-weight: 300;
+	src: local("Roboto Light"), local("Roboto-Light"), url(roboto-light.woff2) format("woff2");
+}
+/* roboto-italic */
+@font-face {
+	font-family: Roboto;
+	font-style: italic;
+	font-weight: 400;
+	src: local("Roboto Italic"), local("Roboto-Italic"), url(roboto-italic.woff2) format("woff2");
+}
+/* roboto-bold-italic */
+@font-face {
+	font-family: Roboto;
+	font-style: italic;
+	font-weight: 700;
+	src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(roboto-bold-italic.woff2) format("woff2");
+}
+/* roboto-bold */
+@font-face {
+	font-family: Roboto;
+	font-style: normal;
+	font-weight: 700;
+	src: local("Roboto Bold"), local("Roboto-Bold"), url(roboto-bold.woff2) format("woff2");
+}
+/* roboto-black-italic */
+@font-face {
+	font-family: Roboto;
+	font-style: italic;
+	font-weight: 900;
+	src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(roboto-black-italic.woff2) format("woff2");
+}
+/* roboto-black */
+@font-face {
+	font-family: Roboto;
+	font-style: normal;
+	font-weight: 900;
+	src: local("Roboto Black"), local("Roboto-Black"), url(roboto-black.woff2) format("woff2");
+}
+
diff --git a/public/font/roboto.woff2 b/public/font/roboto.woff2
new file mode 100644
index 0000000..7d3e09a
Binary files /dev/null and b/public/font/roboto.woff2 differ
diff --git a/src/app.scss b/src/app.scss
index b5c61c9..1e988c0 100644
--- a/src/app.scss
+++ b/src/app.scss
@@ -1,3 +1,7 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+body {
+  font-family: -apple-system, 'Roboto', sans-serif;
+}