Multiple pages, different fonts for each...
It's a page speed nightmare
I’m working on a project that hosts all my companies advertising campaign landing pages.
We’re using different designs for each page to test creative against certain audiences.
It’s a nightmare however that Webflow pushes all fonts globally, without the ability to set them per page — 40% of our load times are due to the fonts that are loaded, but not used, per page.
The extra script that Webflow adds, globally.
WebFont.load({ google: { families: ["Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic","Vollkorn:400,400italic,700,700italic","PT Serif:400,400italic,700,700italic","Merriweather:300,300italic,400,400italic,700,700italic,900,900italic","Poppins:200,200italic,regular,italic,500,500italic,900,900italic:latin-ext,latin","Nunito Sans:regular,italic,800,800italic,900,900italic"]
Examples of how varied these designs are
So my question is: how can I (perhaps via some fancy custom JS code) prevent fonts from loading per page?
Thanks in advance if you can help me out!
You can see my project here: (Webflow - Future Super Landing Pages)