Simple Fix – Ensure text remains visible during webfont load

  • When using Google’s PageSpeed Insights my websites almost always fail the “Ensure text remains visible during webfont load” audit because of Elementor. It’s a small performance optimization, but is a very easy fix.

    The fix is to open /wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.css and add the following style to the @font-face {} rule. (Which is conveniently the very first rule.) And don’t forget to add the rule to the elementor-icons.min.css file.

    font-display: swap;

    I have been manually adding this rule to the CSS file but it would be simpler for the fix to be included in the plugin so I do not have to fix it every time a new version of Elementor is released.

Viewing 4 replies - 1 through 4 (of 4 total)
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Simple Fix – Ensure text remains visible during webfont load’ is closed to new replies.