Custom Font - Footer heading - Impulse Theme

Store Design
1

Hello

I have uploaded a custom font to my asset folder.

I would like my Footer headings to use that font.

Please can you advise how to do this?

I am using the Impulse Theme.

www.thebodyshop.mu

cleeth

Thanks

2

@TBS2022 Pleae write below css in styles.scss.liquid

font-face

{ font-family: “Font name”;

src: url({{ “Filename” | asset_url }}) format(“Format”);

}

3

I do not have the styles.scss.liquid ???

4

@TBS2022 - you have theme.css file

5

yes.

i did copy it there- but nothing happened

6

@TBS2022 - which details did you use?

font name - ?

what filename and format do you have? did you replace the names in the code?

after you do that you will need to set css for required header using

font-family:font-name

the very same font-name you used in above code

7

i did this

font-face

{ font-family: “Druk Bold Web”;

src: url({{ “Druk-Bold-Web.woff” | asset_url }}) format(“woff”);

}

then

.footer__title {
font-family: “Druk Bold Web”;
text-transform: uppercase;
font-size: 1rem;
letter-spacing: 0;

}

8

@TBS2022 - please add [email removed] before font-face so it becomes

@font-face
9

amazing - thank you so much

1 Like