Emily M.

Main-Wrapper Issue: Why Is It Pushed Down on Vumba Travel Page?

Hey, can anyone see why the page-wrapper on this page is being pushed down below the top of the page? https://www.vumba.travel/experiences/ultimate-classic-south-africa

1Comment

Commented on Webflow Warning: Alt Text, Meta Tags, and Schema I...·Posted inGeneral

Emily M.

Yep, and I’m preparing my sites to apply for Webflow Experts so it’s extra annoying. I’m also getting ‘47 issues detected’ when I go to publish but in the audit panel there are no issues.

Commented on Sync Issues with Pasting Elements in Lumens·Posted inGeneral

Emily M.

Same, I never figured out how to avoid this. Matt has definitely shared ways to make it less likely to happen but they were complex so I just end up manually fixing it

Commented on Managing Font Loading in Webflow: Google Fonts API...·Posted inGeneral

Emily M.

And this doesn't have GDPR issues?

Commented on Managing Font Loading in Webflow: Google Fonts API...·Posted inGeneral

Emily M.

Ooh this could be the ticket

Commented on Managing Font Loading in Webflow: Google Fonts API...·Posted inGeneral

Emily M.

Matt J. if you have a minute could you take a look at the above and let me know your thoughts ^

Commented on Managing Font Loading in Webflow: Google Fonts API...·Posted inGeneral

Emily M.

I've uploaded WOFF2 files and connected them to text on the site, grabbed the links from Inspector, and added the following code at the top of <head>. Still getting FOUT...  <link rel="preload" rel="preconnect" href="https://cdn.prod.website-files.com/6659e61c71a44252dda53160/69170d0ff7b5af8f97c42851_Lato-Regular.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" rel="preconnect" href="https://cdn.prod.website-files.com/6659e61c71a44252dda53160/69170d0f29d683510a675184_Lato-Light.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" rel="preconnect" href="https://cdn.prod.website-files.com/6659e61c71a44252dda53160/6914d4c1e05ded6a8fdb8848_CormorantGaramond-VariableFont_wght.woff2" as="font" type="font/woff2" crossorigin>

Commented on Managing Font Loading in Webflow: Google Fonts API...·Posted inGeneral

Emily M.

I don't know how to do that since Webflow doesn't support uploading WOFF2 files to the assets panel, so where does the URL come from?

Commented on Managing Font Loading in Webflow: Google Fonts API...·Posted inGeneral

Emily M.

Matt J. so you're adding them in custom code in the head section? I had been uploading them in the Webflow font settings so i'll have to try that.

Posted in General·

Emily M.

Managing Font Loading in Webflow: Google Fonts API vs Manual Uploads

Qu: do you add fonts using the Google Fonts API in Webflow, or add them manually? I'm reviewing my sites' loading speeds and have seen great success by ditching the Google API, but when I add the fonts manually as WOFF2 I get the dreaded FOUT (flash of unstyled text). How are you guys managing this trade-off? If there's a best of both worlds I'd love to hear it.

16Comments