I highly recommend you check your Core Web Vitals in Search Console to see if you have any issues.
I have been able to fix most apart from this CLS issue and I am certain it’s to do with fonts not loading fast enough.
I have already loaded the font manually into Webflow (it’s just the one, Playfair Display), and yet I believe it is not loading fast enough and therefore giving me this error.
No guarantees but when I moved from google to webflow it just worked.
I suspect it will just work as well.
I only suggest it as woff2 is supported by all browsers and its much easier to support if people use an established standard so things can be eliminated.
I don’t see a loading time issue and I have never had issues with CLS to do with fonts and if there was even a slightest issue it be all over this forum.
I was not denying your diagnosis and great info, just saying I have not ever witnessed any cls issue with fonts.
So to see if its an old format issue with modern browsers change it to woff2 which I am told is better, faster, leaner which may be true or not but its what people are using.
Once you have done that and issue is still happening I might look a bit more.
make sure you delete the .otf now you don’t need it.
So the box you show with Belmond Venice is the box you think is the issue.
So try setting the box to overflow hidden or a fixed width.
Still all very strange.
Ok you got my interest so lets see if we can resolve.
I was unfamiliar with the page as its not your main one and thought it was a box.
I now have ran the test, same as the main you have a 0.01 cls for those reading, 0.1 and above is bad. but even 0.01 is not good. Mine is 0.001 for example.
I will get the font and try myself on a new page with other stuff to see what happens.
I do it now and report back.
I’ll continue to poke and prod my side as well - I have the fonts set to ‘swap’, so once again it’s got me thinking the CLS is due to fonts loading late.
I hated that, change it to block. It waits 3 seconds and if it doesn’t load by then it goes to swap.
Try that.
Also, which one did you choose Playfair Display or Playfair Display SC
the 1st one is a variable font which I think may be your issue!
https://design.google/library/variable-fonts-are-here-to-stay/
Interesting read, the font if you like is similar to SVG.
I don’t think you have the correct controls available to you via the editor.
If you use an embed and correct settings I think you will achieve your results.
But as I think you are realising, trying a normal font for now is quicker to prove the issue.