diff --git a/app/assets/stylesheets/variables/typography.scss b/app/assets/stylesheets/variables/typography.scss
index 7fe5dd683..af32c3103 100644
--- a/app/assets/stylesheets/variables/typography.scss
+++ b/app/assets/stylesheets/variables/typography.scss
@@ -1,5 +1,5 @@
 $font-serif: 'Droid Serif', Georgia, Times, serif !default;
-$font-sans: 'Dejavu Sans', Helvetica, sans-serif !default;
+$font-sans: 'Atkinson Hyperlegible','Times New Roman', sans-serif !default;
 $font-sans-alt: praxis-next-condensed, Helvetica, sans-serif !default;
 $font-mono: 'Lucida Console', Monaco, monospace !default;
 $text-color: #000 !default;
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 349d85497..319cc9402 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -44,6 +44,10 @@
     <%= javascript_include_tag "https://www.google.com/books/jsapi.js" %>
     <%= csrf_meta_tags %>
     <%= content_for(:head) %>
+    <%# enable Atkinson Hyperlegible font %>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&display=swap" rel="stylesheet">
     <link rel="unapi-server" type="application/xml" title="unAPI" href="/unapi"/>
     <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
     <!--[if lt IE 9]>