Resolved Is there a filter to set the imported font to "font-display: swap;"?

[Andro]

Is there a filter to set the imported font to font-display: swap;?

/wp-content/plugins/XFWP/lib/icons/xfwp-icon.woff2

I am preloading it from Perfmatters, but I think it would improve performance if it was set to "swap".

More details:

How to fix the “Ensure text remains visible during webfont load” warning

Web fonts and icons impact FCP and LCP. See how to fix the “Ensure text remains visible during webfont load” warning on your WordPress site.

perfmatters.io

 

[Alex]

You can add a simple line to /wp-content/plugins/XFWP/lib/css/XFWP.css. At the top find:

@font-face {
    font-family: 'xfwp-icon';
    src: url('../icons/xfwp-icon.eot');
    src: url('../icons/xfwp-icon.eot?53204155#iefix') format('embedded-opentype'),
         url('../icons/xfwp-icon.woff2') format('woff2'),
         url('../icons/xfwp-icon.woff') format('woff'),
         url('../icons/xfwp-icon.ttf') format('truetype'),
         url('../icons/xfwp-icon.svg#xfwp-icon') format('svg');
}

and change it to:

@font-face {
    font-display: swap;
    font-family: 'xfwp-icon';
    src: url('../icons/xfwp-icon.eot');
    src: url('../icons/xfwp-icon.eot?53204155#iefix') format('embedded-opentype'),
         url('../icons/xfwp-icon.woff2') format('woff2'),
         url('../icons/xfwp-icon.woff') format('woff'),
         url('../icons/xfwp-icon.ttf') format('truetype'),
         url('../icons/xfwp-icon.svg#xfwp-icon') format('svg');
}

Let me know if that helps with passing the test. It is an easy enough change that I will include in the upcoming 1.5.4 release.