How to remove custom font from theme code

Store Design
1

Hi,

When I launched my store, I really wanted my custom font to be a part of the design. I paid for a designer but ultimately wasn’t happy with the outcome. So I paid for a developer to try to fix the issue but that wasn’t ideal either. I would like to remove all custom font from my store so that it looks more seamless and so that I can make changes on my own without worrying about the code (I cannot code). I also have an inkling that all this customization is slowing down my store.

My question is how do I locate where the CSS so that I can remove it? It’s actually in the code and not in the online store settings, I checked. And as a follow up question, if I remove the custom font, will those headers automatically revert back to theme settings or will I have to alter that code as well? I’m looking for this to be as DIY as possible, and I certainly don’t want to make more of a mess.

Thanks in advance

2

Hi, @cloverlandhome

Please share the store URL so that I can assist you.

3

Hi Anne, it is: Cloverland Home Candles | Soft. Clean. Gentle.

4

@cloverlandhome – which custom fonts did you use? have your developer added font files? which section in above link has this custom font? can you please send screenshot?

5

Hi @cloverlandhome ,

Please go to Actions > Edit code > Layout > theme.liquid file. Please send me the code of theme.liquid file, I will check it for you

6

Quickly looking at your site – there is an assets/custom.css file which loads a bunch of custom fonts.

I’d start by making a copy of the theme and removing a part of this file which loads and applies custom fonts – between /* Custom Fonts / and / social-proof */ (at lines 3 to 67, as I see them).

The fonts for affected areas should fall back to theme defaults.

And yes, loading fonts will slower your site, to cleanup should make it faster.