SHopify Debut theme footer newsletter font

Hello everyone,

Bit stuck on probably simple thing, but I can’t find the way to change newsletter in footer font. Could someone help me out with this? Thank You :slightly_smiling_face:

1 Like

@FlairKristis

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

well it’s password protected and not finished, so can’t really do that at the moment :confused:

But I need these fonts replaced

@FlairKristis

your just change text?

so you have just go to

https://help.shopify.com/en/manual/online-store/themes/language/change-wording

Nah, I need to change fonts in these fields.

@FlairKristis

font-family?

Yes

@FlairKristis

Yes, you can do easy to upload your custom font

  1. Go to Online Store->Theme->Edit code
    2.Asset->/theme.scss.liquid or theme.css ->upload your custom font all font tyep = TTF, OTF, WOFF, WOFF2, SVG
  2. Asset->/theme.scss.liquid ortheme.css->paste below code at the bottom of the file.
@font-face {
font-family: 'Montserrat-Regular';
src: url('{{ 'Montserrat-Regular.eot?' | asset_url }}');
src: url('{{ 'Montserrat-Regular.eot??#iefix' | asset_url }}') format('embedded-opentype'),
url('{{ 'Montserrat-Regular.woff' | asset_url }}') format('woff'),
url('{{ 'Montserrat-Regular.ttf' | asset_url }}') format('truetype'),
url('{{ 'Montserrat-Regular.svg#Montserrat-Regular' | asset_url }}') format('svg');
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
}

can you please just change font name, for example, Montserrat-Regular to your custom font name

Just by looking at code I can clearly tell this won’t do a thing. I try to explain this again. I want Oswald font family (which is already integrated in shopify), and i want that font in footer, where arrows point at ( that’s a newsletter )