Google LightHouse: font-display:block

[melloware]

According to LightHouse: https://web.dev/font-display/?utm_source=lighthouse&utm_medium=devtools#how-to-avoid-showing-invisible-text

We should be using font-display: block; instead of the current font-display: auto;

block is what FontAwesome switched to: PikachuEXE/font-awesome-rails@f914464

FortAwesome/Font-Awesome#16077

[melloware]

As a note I originally submitted this ticket but I think "auto" was the wrong choice.
#164

[onursenture]

I'm not sure about this issue & pull request. Please help. @mertsincan @cagataycivici :)

#501

[melloware]

I think its gone back and forth but Google is saying swap is the correct value.

From Google LightHouse suggestion: https://web.dev/font-display/?utm_source=lighthouse&utm_medium=devtools

[Rotzbua]

I think its gone back and forth but Google is saying swap is the correct value.

Lighthouse thinks it is "normal" readable text.
It is not able to detect special icon fonts: GoogleChrome/lighthouse#10127

The swap makes sense for fonts which replace the international utf8 icons.

By default it is seems more common to use the block like the fa.

[melloware]

OK then block it is.