Finding classes with unused fonts

Design help General
1

Hello folks.

I purchased a template because I was on a tight timeline and now I’m definitely regretting it because I didn’t do the legwork to get rid of their fonts before hand.

Now I’m looking at the CSS and I’m finding multiple classes that I did not create and can’t seem to access/find with those fonts attached. How would I get access to those classes? The search functionality does absolutely nothing to help me.

  1. How can I find the classes to remove the font? I’ve gone through almost every element in order to try to find them but I’m not having any luck
  2. If I upgrade to export the CSS, will I be able to edit it and reupload to the site?

More specifically, I want to remove Raleway and PT Serif.

Screen Shot 2021-02-26 at 10.25.28 AM
Screen Shot 2021-02-26 at 10.25.28 AM880×936 192 KB

Screen Shot 2021-02-26 at 10.27.28 AM
Screen Shot 2021-02-26 at 10.27.28 AM1260×680 48 KB

Screen Shot 2021-02-26 at 10.28.53 AM

Here is my site Read-Only: Webflow - Capital Technology Group

2

Which font are you trying to purge?

Nope. Webflow CSS can only be maintained via the designer.

3

Raleway & PT SERIF. I don’t understand why they’re being loaded.

Screen Shot 2021-02-26 at 10.25.28 AM
Screen Shot 2021-02-26 at 10.25.28 AM880×936 192 KB

Screen Shot 2021-02-26 at 10.28.53 AM

4

Raleway is coming from the class below and is not assigned to any elements. You can clean up your classes and that would be removed.

.realway-font {
    font-family: Raleway;
    color: #fff;
    font-size: 48px;
    font-weight: 600
}

PT Serif is assigned to the class “Paragraph Testimonials” which is also unassigned.

If you don’t want to remove unused classes you could add those classes to elements to change the font face.

5

Hey Jeff, thanks so much for responding. My question now is how do I clean up unused classes? I assume it’s something obvious and I’m just not quite savvy yet

Also, love the ‘hack’ of adding the classes to elements and changing the font face if it’s not something simple

6

In designer, click on the style manager tab (three droplets).
In there you will find a text saying “clean up”. Click that to remove unused classes.

1 Like
7

https://share.getcloudapp.com/DOu2lEeg

1 Like