Merge pull request #203 from BeAPI/fix/fonts-loading-performance

francoistibo · web-flow · commit 07daf891edf1 · 2022-02-08T09:11:56.000+01:00
fix (performance) : add two rules in font face declare
diff --git a/src/scss/abstract/_m-declare-font-face.scss b/src/scss/abstract/_m-declare-font-face.scss
@@ -11,9 +11,12 @@
         font-style: $font-style;
         font-weight: $font-weight;
         font-stretch: $font-stretch;
-        font-display: swap;
         src:
+            local("#{$font-family}"), /* search for the locally installed font first */
             url(#{$font-filename}.woff2) format("woff2"),
             url(#{$font-filename}.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+
+        font-display: swap;
+        unicode-range: U+0-10FFFF; /* cutting of the font file for better loading */
     }
 }

Original file line number	Diff line number	Diff line change
`@@ -11,9 +11,12 @@`
`11`	`11`	`font-style: $font-style;`
`12`	`12`	`font-weight: $font-weight;`
`13`	`13`	`font-stretch: $font-stretch;`
`14`		`- font-display: swap;`
`15`	`14`	`src:`
	`15`	`+ local("#{$font-family}"), /* search for the locally installed font first */`
`16`	`16`	`url(#{$font-filename}.woff2) format("woff2"),`
`17`	`17`	`url(#{$font-filename}.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */`
	`18`	`+`
	`19`	`+ font-display: swap;`
	`20`	`+ unicode-range: U+0-10FFFF; /* cutting of the font file for better loading */`
`18`	`21`	`}`
`19`	`22`	`}`