ResolvedLafka Fonts issue
- This topic has 1 reply, 2 voices, and was last updated 3 years ago by
Althemist.
- AuthorPosts
- September 17, 2020 at 9:04 am #25728
admin-7592
ParticipantHi,
Could you fix this issue with the fontsEnsure text remains visible during webfont load
0Overview
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.woff2September 17, 2020 at 9:19 am #25762Althemist
KeymasterHi 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 - AuthorPosts
You must be logged in and have valid license to reply to this topic.