diff --git a/pages/config/index.js b/pages/config/index.js
index ca2ef72..b89f86c 100644
--- a/pages/config/index.js
+++ b/pages/config/index.js
@@ -11,7 +11,7 @@ export default function Home() {
       <Mode title="Mode" description="If you want to play in time, or just write a text." item="mode" values={["Text", "10s", "15s", "30s", "60s"]} />
       <Mode title="Language" description="The Language, in which you want to type in" item="language" values={["English", "German", "France", "Russia"]} />
       <Mode title="Font-Size" description="The size of the font" item="font-size" values={["15px", "20px", "25px", "30px"]} />
-      <Mode title="Font" description="The font" item="font-family" values={["Arial", "Monospace", "Roboto"]} />
+      <Mode title="Font" description="The font" item="font-family" values={["'Arial'", "monospace", "'Roboto'", "Source Code Pro"]} />
    </>
   )
 }
diff --git a/styles/global/globals.css b/styles/global/globals.css
index c156244..8c73f3b 100644
--- a/styles/global/globals.css
+++ b/styles/global/globals.css
@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap');
+
 html, body {
   padding: 0;
   margin: 0;