diff --git a/services/web/frontend/stylesheets/bootstrap-5/main-style.scss b/services/web/frontend/stylesheets/bootstrap-5/main-style.scss
index 2ea64de465..cee84391c1 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/main-style.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/main-style.scss
@@ -1,5 +1,6 @@
 // Web fonts
-@import '../../fonts/lato.css';
+@import '../../fonts/noto-sans';
+@import '../../fonts/dm-mono';
 @import '../../fonts/merriweather.css';
 @import '../../fonts/source-code-pro.css';
 @import '../../fonts/stix-two-math.css';
diff --git a/services/web/frontend/stylesheets/bootstrap-5/scss/bootstrap-variable-overrides/fonts.scss b/services/web/frontend/stylesheets/bootstrap-5/scss/bootstrap-variable-overrides/fonts.scss
index 2a7093d585..5bd443436b 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/scss/bootstrap-variable-overrides/fonts.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/scss/bootstrap-variable-overrides/fonts.scss
@@ -1,8 +1,8 @@
 // This file provides overrides for Bootstrap 5's default font-related Sass variables
 
-$font-family-sans-serif: 'Lato', sans-serif;
+$font-family-sans-serif: 'Noto Sans', sans-serif;
 $font-family-serif: 'Merriweather', serif;
-$font-family-monospace: 'Menlo', 'Monaco', 'Consolas', 'Courier New', monospace;
+$font-family-monospace: 'DM Mono', monospace;
 $font-size-base: $default-font-size;
 $line-height-base: $default-line-height;