[Resolved] Preload key requests

Hi there,

you can try hooking a preload link into the WP_head hook:

<link rel="preload" href="Font URL Showing in PageSpeed" as="font" crossorigin="anonymous">

Glad to hear that!

Hi there,

Please note that I have followed exactly what you noted above, but Google is still complaining about this font:

Here is the wp_head Hook that I created under Elements.

<link rel=”preload” href=”http://wpcharbelnemnomblog.northeurope.cloudapp.azure.com/wp-content/plugins/wp-show-posts-pro/fonts/wp-show-posts.ttf?ka575c&#8221; as=”font” crossorigin=”anonymous”>

Let’s try a different approach. See my reply on your topic here:

https://wpshowposts.com/support/topic/ensure-text-remains-visible-during-webfont-wp-show-posts-ttf/#post-25314

Please note that I am using Font Awesome plugin that you recommended which has now SVG icon instead of using Web Font.
I was able to place the social icons in the Main Menu using SVG, and this helps to get rid of this warning: text remains visible during webfont load.
Could you please advise if we could use SVG for the social icons in WP Show Post PRO instead?

You can try applying your font awesome font-family name SVG url on this CSS:

.wpsp-twitter:before {
    font-family: 'your font family here';
    content: url(your_twitter_svg_file_here.svg);
}

.wpsp-facebook:before {
    font-family: 'your font family here';
    content: url(your_facebook_svg_file_here.svg);
}