Feature request: Set font-display rule to block to make Lighthouse happy #16077
Description
Is your feature request related to a problem? Please describe.
There is a problem when validating Font Awesome websites using the css. In FA 5.7.0, we have switched to font-display: auto to allow users to use (the wrong) swap value, but now we have the chance to use font-display: block and get rid of the warning
Describe the solution you'd like
If we set the default font-display to block, as agreed in #14387 (comment), we can pass the validation without breaking stuff and fix rendering on browsers that do not honor the "similar to the block value" behaviour.
Describe alternatives you've considered
Ask users to change the scss files and recompile on our behalf, or override the css
Additional context
Ref:
- Font-Display check should consider icon fonts GoogleChrome/lighthouse#10127
- Lighthouse Issue with Font Performance for font-display #14387
- https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display
Feature request checklist
- This is a single feature (i.e. not a re-write of all of Font Awesome)
- The title starts with "Feature request: " and is followed by a clear feature name (Ex:
Feature request: moar cowbell) - I have searched for existing issues and to the best of my knowledge this is not a duplicate