Merge pull request #17190 from overleaf/td-bs5-default-typography

Change default fonts in Bootstrap 5

GitOrigin-RevId: e60b6f32ae639a47353f1a73179c8e1e25edcd52

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';

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;