diff --git a/.nvmrc b/.nvmrc
new file mode 100644
index 00000000..f0b10f15
--- /dev/null
+++ b/.nvmrc
@@ -0,0 +1 @@
+v16.13.1
diff --git a/public/index.html b/public/index.html
index 4f0f1833..2617f3e8 100755
--- a/public/index.html
+++ b/public/index.html
@@ -100,14 +100,6 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <link
-      rel="stylesheet"
-      href="https://fonts.googleapis.com/css?family=Roboto:300,400,500"
-    />
-    <link
-      rel="stylesheet"
-      href="https://fonts.googleapis.com/icon?family=Material+Icons"
-    />
     <noscript id="jss-insertion-point"></noscript>
     <title>Aeons End Randomizer</title>
     <meta
diff --git a/src/fonts/Roboto-Regular.woff2 b/src/fonts/Roboto-Regular.woff2
new file mode 100644
index 00000000..cab81a22
Binary files /dev/null and b/src/fonts/Roboto-Regular.woff2 differ
diff --git a/src/globalstyles.ts b/src/globalstyles.ts
new file mode 100644
index 00000000..d8917055
--- /dev/null
+++ b/src/globalstyles.ts
@@ -0,0 +1,14 @@
+import { createGlobalStyle } from 'styled-components/macro'
+
+// @ts-ignore
+import RobotoWoff2 from './fonts/Roboto/Roboto-Regular.woff2'
+
+const GlobalStyles = createGlobalStyle`
+
+@font-face {
+  font-family: 'Roboto';
+  src: url(${RobotoWoff2}) format('woff2');
+}
+`
+
+export default GlobalStyles