Why can't I upload a custom font to my theme?

[EthanSuero]

Hi there,

I’m trying to upload a custom font to my theme but seems that something is still missing. This is what I have so far:

I would appreciate it if anyone can provide some feedback and see if there’s maybe an error in the code or am I missing something else?

When I try to find the font in the Theme Settings is not there:

Thanks!

[KetanKumar]

@EthanSuero

can you please upload all font type TTF, OTF, WOFF, WOFF2, SG

and sorry shopiyf font picker doesn’t’ allow to custom font you have change manual

[EthanSuero]

I can upload further font types that should not be a problem. But how can I change the font manually as you say then?

Thank you

[KetanKumar]

@EthanSuero

yes you can change font family manual

[EthanSuero]

Hi @KetanKumar , I understand that, but how can I do it?

Could you help me with the code I need to change the headings, body text, links, etc, please?

[KetanKumar]

@EthanSuero

yes, please give me store url

[EthanSuero]

https://info-1226.myshopify.com/

[KetanKumar]

@EthanSuero

thanks but your store password protect

[EthanSuero]

Whoops, sorry, you can use this PW in the meantime mystore01

[KetanKumar]

@EthanSuero

can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

body, input, textarea, button, select, h1, .h1, .h1--mini, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 
{
font-family: 'VanguardCF-Bold';
}

[EthanSuero]

That does seem to work!

In case I need to upload other font files I simply need to follow the same steps and target the elements using the CSS properties I suppose?

[KetanKumar]

@EthanSuero

its my pleasure to help us