Add font-display: swap to eliminate Lighthouse error

Please update the code in allInOneReviews.js that adds the Google font URL to include the font-display: swap; property to eliminate errors that appear on any page that uses the All-in-One widget.

Another recommendation is that if someone chooses to use the font displayed on their website rather than one from the dropdown in the customize section, Google Fonts should not be loaded at all to improve load speed.

I am using an Adobe Typekit font on a website, not Google Fonts, so I had to dig a bit to see where this was coming from on my Testimonials page.

Hi there, @Design_at_Virtual_Vi :waving_hand:

Thank you for flagging this up!

Could you please send me a link to one of the pages this issue occurs along with the screenshot of the Lighthouse error? I’ll be happy to investigate it with the dev team :slightly_smiling_face:

Hi Max,

Here is the current site I discovered the issue on: https://preview.1stcalldisasterservices.com/testimonials.

Thanks,

(attachments)

Thank you!

We’ve checked your website using Google Page Speed Insights and this error doesn’t come from the Elfsight widget.

There is no reference to Elfsight in the report. To make sure of it, you can check the report for your widget Share Link, Here is a link to the report.

Let me know if this clears things up or if you have any questions left :slightly_smiling_face: