diff --git a/web/src/components/GameBoard.vue b/web/src/components/GameBoard.vue
index bc8820e..a812c5a 100644
--- a/web/src/components/GameBoard.vue
+++ b/web/src/components/GameBoard.vue
@@ -217,9 +217,9 @@ h2 {
 }
 
 input[type="text"] {
-	font-family: var(--fonts);
 	background-color: var(--board-background-alt);
 	color: var(--board-background-alt-text);
+	font-family: var(--input-fonts);
 	text-transform: uppercase;
 	border-color: transparent;
 	border-style: solid;
diff --git a/web/src/css/theme.css b/web/src/css/theme.css
index bbcb24e..7c60758 100644
--- a/web/src/css/theme.css
+++ b/web/src/css/theme.css
@@ -1,9 +1,12 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');
+
 :root {
 
 	/*
 		The fonts and font colours the site will use
 	*/
 	--fonts: "Roboto", "Open Sans", sans-serif;
+	--input-fonts: "Roboto Slab", var(--fonts);
 	--light-font-colour: #ECE3BB;
 	--dark-font-colour: #000F3D;