diff --git a/client/package.json b/client/package.json
index a4a02d84195..615b3d7216f 100644
--- a/client/package.json
+++ b/client/package.json
@@ -22,6 +22,7 @@
     "vue-loader": "15.10.0"
   },
   "dependencies": {
+    "@fontsource/atkinson-hyperlegible": "^4.5.10",
     "@fortawesome/fontawesome-free": "^5.15.4",
     "@fortawesome/fontawesome-svg-core": "^1.2.36",
     "@fortawesome/free-brands-svg-icons": "^5.15.4",
diff --git a/client/src/onload/index.js b/client/src/onload/index.js
index 7630899a4c3..70fb5747efb 100644
--- a/client/src/onload/index.js
+++ b/client/src/onload/index.js
@@ -9,6 +9,9 @@ import "scss/base.scss";
 // effects fixing webpack globals.
 import "./publicPath";
 
+// Default Font
+import "@fontsource/atkinson-hyperlegible";
+
 // Module exports appear as objects on window.config in the browser
 export { standardInit } from "./standardInit";
 export { initializations$, addInitialization, prependInitialization, clearInitQueue } from "./initQueue";
diff --git a/client/src/style/scss/theme/blue.scss b/client/src/style/scss/theme/blue.scss
index 3e0c3282cbf..f4e8124cb11 100644
--- a/client/src/style/scss/theme/blue.scss
+++ b/client/src/style/scss/theme/blue.scss
@@ -80,7 +80,7 @@ $state-success-bg: theme-color-level("success", $alert-bg-level);
 $state-success-border: theme-color-level("success", $alert-border-level);
 
 // Fonts and sizes
-$font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
+$font-family-sans-serif: "Atkinson Hyperlegible", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
     "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 $font-family-monospace: Monaco, Menlo, Consolas, "Courier New", monospace;
 $font-family-base: $font-family-sans-serif;
diff --git a/client/yarn.lock b/client/yarn.lock
index 254ae707135..dde5031f0ff 100644
--- a/client/yarn.lock
+++ b/client/yarn.lock
@@ -1233,6 +1233,11 @@
     minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
+"@fontsource/atkinson-hyperlegible@^4.5.10":
+  version "4.5.10"
+  resolved "https://registry.yarnpkg.com/@fontsource/atkinson-hyperlegible/-/atkinson-hyperlegible-4.5.10.tgz#7571e9d07acfc3c122d077c5c44be1c557c55a6d"
+  integrity sha512-UyKTkEGQnF5lbAYRIPCeAikkVgBPQ8n3ve/cdJX1tp0Kma3pe7cZOVESEK2oyTZqn7Jt3ZS51hbY7hR8u4dLXA==
+
 "@fortawesome/fontawesome-common-types@^0.2.36":
   version "0.2.36"
   resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-0.2.36.tgz#b44e52db3b6b20523e0c57ef8c42d315532cb903"