-
Posts
-
Hello Enfold Team!
How is it possible without a child theme to display font-display font awesome icons fa-brands-400.woff2 in CSS? Its always a problem with google page speed. How to insert this CSS for font Display at the right position in Quick CSS and is it possible?
Many thanks for you help!
Hey topnetat,
Have you added a link to Font-Awesome already. Please refer to the following:
https://kriesi.at/support/topic/font-awesome-4-2-0-with-enfold-not-working/#post-324419
Best regards,
Jordan ShannonHi,
Can you link us to a page or design of what you’re trying to accomplish? I may be misunderstanding.
Best regards,
Jordan ShannonHi Jordan Shannon!
You see if you run a page speed insights test on the website – There is always a problem – Make sure that the web font remains visible during loading. Thank you for your help.Best regards
Hi,
Thank you for the update.
You can use the avf_font_display filter to change the font-display value from auto to swap.
add_filter('avf_font_display', function($swap) { return 'swap'; }, 10, 1);// https://web.dev/font-display/?utm_source=lighthouse&utm_medium=unknown
This ensures that the text are still visible even if the font file(s) are not loaded yet.
Best regards,
IsmaelHi topnetat,
It does not work, because not all systems have the fa font used by you installed locally.
Best regards,
Victoria
- The topic ‘Font display font awesome icons’ is closed to new replies.