diff --git a/package-lock.json b/package-lock.json
index 69e0fe5..25787cd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1165,6 +1165,11 @@
         "strip-json-comments": "^3.1.1"
       }
     },
+    "@fontsource/open-sans": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@fontsource/open-sans/-/open-sans-4.2.1.tgz",
+      "integrity": "sha512-CfvS4yIrZxBA9FoITkceFUM3HS9MYty8qZJ/Jq1m4NRqQlJX7Jc8KV4k/APG1h16jdp9ilU6VmZbdLwPxXr7Yw=="
+    },
     "@iarna/toml": {
       "version": "2.2.5",
       "resolved": "https://registry.npmjs.org/@iarna/toml/-/toml-2.2.5.tgz",
diff --git a/package.json b/package.json
index 1f928b9..babc89f 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,7 @@
     "parcel-plugin-static-files-copy": "^2.5.1"
   },
   "dependencies": {
+    "@fontsource/open-sans": "^4.2.1",
     "cheap-glkote": "^0.2.4",
     "emglken": "^0.3.3",
     "lz-string": "^1.4.4",
diff --git a/src/index.js b/src/index.js
index 5dd9aa7..ea390b7 100644
--- a/src/index.js
+++ b/src/index.js
@@ -9,6 +9,7 @@ import {
 import HomeView from '~/src/views/HomeView'
 import PlayerView from '~/src/views/PlayerView'
 
+import '@fontsource/open-sans'
 import '~/src/style/base.css'
 
 function App () {
diff --git a/src/style/base.css b/src/style/base.css
index a662234..6d17542 100644
--- a/src/style/base.css
+++ b/src/style/base.css
@@ -1,6 +1,7 @@
 html, body {
   margin: 0;
   height: 100%;
+  font-family: 'Open Sans', sans-serif;
 }
 
 body {