fix(icon): fix lighthouse warning

the icon fonts need font-display to eliminate lighthouse warning in devtools Fontaweseome did this themselves by FortAwesome/wordpress-fontawesome#110
fomantic · Oct 24, 2022 · d199521 · d199521
1 parent 9773a1d
commit d199521
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/themes/default/elements/icon.variables b/src/themes/default/elements/icon.variables
@@ -49,6 +49,7 @@ Icons are order A-Z in their group, Solid, Outline, Thin (Pro only) and Brand
     if(@supportIE, e(',') url("@{fontPath}/@{fontName}.woff") format('woff'));
     font-style     : normal;
     font-weight    : @normal;
+    font-display   : block;
     font-variant   : normal;
     text-decoration: inherit;
     text-transform : none;
@@ -59,6 +60,7 @@ Icons are order A-Z in their group, Solid, Outline, Thin (Pro only) and Brand
     if(@supportIE, e(',') url("@{fontPath}/@{outlineFontName}.woff") format('woff'));
     font-style     : normal;
     font-weight    : @normal;
+    font-display   : block;
     font-variant   : normal;
     text-decoration: inherit;
     text-transform : none;
@@ -69,6 +71,7 @@ Icons are order A-Z in their group, Solid, Outline, Thin (Pro only) and Brand
     if(@supportIE, e(',') url("@{fontPath}/@{brandFontName}.woff") format('woff'));
     font-style     : normal;
     font-weight    : @normal;
+    font-display   : block;
     font-variant   : normal;
     text-decoration: inherit;
     text-transform : none;