diff --git a/assets/stylesheets/_bootstrap-overrides.scss b/assets/stylesheets/_bootstrap-overrides.scss
index 5604d525ca..f27f8dd684 100644
--- a/assets/stylesheets/_bootstrap-overrides.scss
+++ b/assets/stylesheets/_bootstrap-overrides.scss
@@ -24,7 +24,7 @@ $navbar-toggler-font-size: 1rem;
 // .btn does not need border
 $btn-border-width: 0;
 
-$font-family-sans-serif: "SancoaleSlab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+$font-family-sans-serif: "SancoaleSlab", Times, "Times New Roman", serif;
 
 // for contributors
 $card-border-width: 0;
diff --git a/assets/stylesheets/application.css.scss b/assets/stylesheets/application.css.scss
index c378258668..17918394d7 100644
--- a/assets/stylesheets/application.css.scss
+++ b/assets/stylesheets/application.css.scss
@@ -6,6 +6,7 @@ $navbar-height: 50px;
   font-family: SancoaleSlab;
   font-style:  normal;
   src: url('fonts/SancoaleSlabNormRegular.otf') format("opentype");
+  font-display: swap;
 }
 
 // Boostrap 5 customization