Support » Plugin: ShiftNav - Responsive Mobile Menu » Include font-display: swap in @font-face

  • Resolved silverfox93

    (@silverfox93)


    Hi,

    Is there any way to Include font-display: swap in @font-face for Fontawesome?

    This will help with Cumulative Layout Shift issues reported in Google Page Speed Insights.

    • This topic was modified 3 months, 4 weeks ago by silverfox93.
Viewing 1 replies (of 1 total)
  • Plugin Author sevenspark

    (@sevenspark)

    Hi silverfox93,

    You actually don’t want to set font-display to ‘swap’ for an icon set. That’s just for text where you can fall back to a system font. Setting it to ‘swap’ would actually break things.

    The proper value would be ‘block’, which is what the default value, ‘auto’, uses.

    So there isn’t actually any negative impact on the user from not having that declaration.

    If you wanted, you could overwrite your font awesome font face declaration and set that font-display:block explicitly, but the only purpose would be to make Page Speed Insights happy, it doesn’t actually make any real-world difference đŸ™‚

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.