ResolvedLafka Fonts issue

This topic has 1 reply, 2 voices, and was last updated 2 years, 6 months ago by Althemist.

Viewing 2 posts - 1 through 2 (of 2 total)

Author
Posts
September 17, 2020 at 9:04 am #25728
admin-7592
Participant
Hi,
Could you fix this issue with the fonts
Ensure text remains visible during webfont load
0
Overview
When you use web fonts on your website, browsers have to download them before any text can be displayed. Most browsers have a maximum timeout, after which a web font will be replaced with a fallback font. It’s recommended to use a font-display descriptor in your @font-face rule to control how text renders when web font download delays occur.
Status
Your page is not using font-display rule when loading the following web fonts.
Font URL Savings
https://fonts.gstatic.com/s/rubik/v10/iJWKBXyIfDnIV7nBrXyw023e.woff2 3 ms
https://www.dutchieandgrill.co.uk/wp-content/plugins/js_composer/assets/lib/bower/font-awesome/webfonts/fa-solid-900.woff2
https://www.dutchieandgrill.co.uk/wp-content/plugins/js_composer/assets/lib/bower/font-awesome/webfonts/fa-regular-400.woff2
https://www.dutchieandgrill.co.uk/wp-content/plugins/js_composer/assets/lib/bower/font-awesome/webfonts/fa-brands-400.woff2
https://www.dutchieandgrill.co.uk/wp-content/themes/lafka/styles/flaticon/font/Flaticon.woff
https://fonts.gstatic.com/s/rubik/v10/iJWEBXyIfDnIV7nEnX661E_c5Ig.woff2
September 17, 2020 at 9:19 am #25762
Althemist
Keymaster
Hi admin-7592,
the theme fonts are loaded with font-display:fallback;, so there is nothing to be done there. The Rubik font is loaded properly, except if there is something else that loads it separately (e.g. some sort of plugin), as I can see in your case it’s loaded twice.
As for the font-awesome icons – I am afraid this is not theme related. It’s loaded by the WP Bakery Page Builder and we can’t alter it. Also, using font-display: property on icon fonts is highly not recommended.
Regards,
Dimitar
Author
Posts