We are working on some prototypes using Webflow, I like the product, but I’m having issues making the prototype actually load fast in mobile devices. There’s quite a lot stuff loaded that I’m really not using.
One case is the Montserrat font. On my font options, I only load the Roboto family of fonts:
Nevertheless, inside the developer tools the font is loaded in many resolutions I’m not even using.
Another issue from 2018 that is similar but didn’t provide an answer:
I do the test on an empty site.
Live URL:
http://new-landing-page-94e5db.webflow.io/
Whats happen?
step-1: Arial
[image]
Add heading “hello world” with Arial font. Go to speed test:
Looks great (HTML file - jquery - webflow custom js - webflow custom css):
[image]
Step 2 - Change arial font to open-sans extra bold
[image]
Now do speed test - the file req jump from 4 to 16 (extra 12 calls - entire family for the entire site)
[image]
Sub-problem - Webflow load the entire family, alt…
How can I get remove this unused font?
dram
(Alex Dram)
August 26, 2020, 11:47am
2
Are you 100% sure there are no classes in your build that use Montserrat? If you select it from the list of default fonts inside designer this would make webflow load full family.
1 Like
Any way to check for this? If it was selected, we aren’t using it in any text. Is there a place to see the fonts being used?
dram
(Alex Dram)
August 26, 2020, 12:05pm
4
I am afraid the only way is to go through your classes one by one. Don’t forget to clean unused classes just in case too
I was clicking clicking searching for fonts used. Couldn’t find it.
I used this advice on my website and it says I’m really not using Montserrat:
javascript, html, css
This is really annoying, and is specially annoying this has been an open issue since 2018. Is this in your backlog?
dram
(Alex Dram)
August 26, 2020, 12:18pm
6
In all honestly this issue never happened to me (even when I was using montserrat and then removed it) so I cannot comment further.
This is our website:
https://www.cliptap.co/domakeup
Is this something we can open a support ticket for?
dram
(Alex Dram)
August 26, 2020, 1:17pm
8
Why not?
Just in case - I don’t work at Webflow.
webdev
(Jeff Selser)
August 26, 2020, 2:05pm
9
@Alejandro_Sanchez - You need to change the setting in the following class which is triggering the load of the font.
.default-state {
font-family: Montserrat, sans-serif;
font-weight: 400;
}
Finally figured it out.
I discovered the button Clean all.
This gets rid of unused classes.
This reduced the loading time to mostly half! now gotta update some images
Thanks everybody for all the help!