Use font-display: swap for performance

Signed-off-by: Takuya Noguchi <[email protected]>
rubygems · Jul 16, 2022 · 9f5da78 · 9f5da78
1 parent ef1573f
commit 9f5da78
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git 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
@@ -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