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

## Related FUI PR
fomantic/Fomantic-UI#2519

Author: lubber-de

src/templates/icon.variables.liquid

@@ -50,6 +50,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;
@@ -62,6 +63,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;
@@ -74,6 +76,7 @@ Icons are order A-Z in their group, Solid, Outline, Thin (Pro only) and Brand
     if(@supportIE, e(',') url("@{fontPath}/@{thinFontName}.woff") format('woff'));
     font-style     : normal;
     font-weight    : @normal;
+    font-display   : block;
     font-variant   : normal;
     text-decoration: inherit;
     text-transform : none;
@@ -86,6 +89,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;