Add font-display: block to default templates

It’s not helpful for the browser to substitute another font for the icon font while it’s loading. This suppresses a warning from the Lighthouse performance analyzer: GoogleChrome/lighthouse#10127 (comment). Signed-off-by: Anders Kaseorg <andersk@mit.edu>
andersk · Aug 5, 2021 · 5729d31 · 5729d31
1 parent eaa70ed
commit 5729d31
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/templates/css.hbs b/templates/css.hbs
@@ -1,5 +1,6 @@
 @font-face {
 	font-family: "{{fontName}}";
+	font-display: block;
 	src: {{{src}}};
 }
 

diff --git a/templates/scss.hbs b/templates/scss.hbs
@@ -1,5 +1,6 @@
 @font-face {
 	font-family: "{{fontName}}";
+	font-display: block;
 	src: {{{src}}};
 }