How can I change only the body font to a custom font in Dawn?

Store Design
1

I uploaded a custom font using this tutorial https://ezfycode.com/blog/add-custom-fonts-to-shopify.

This changed both headings and body font to a custom font but I would only like to change the body font to a custom font.

What should I do?

2

@Alevtina

Please share store URL!

Thanks!

3
4

@Alevtina

Please share front store password.

Thanks!

5

@Alevtina

add following code your assets/base.css bottom of the file.

body {
  font-family: 'your custom fontname' !important;
}

Any problem let me know.

Thanks!

6

Tried it and it looks like it doesn’t recognize the font because body font changes to a random font, not the one I uploaded. Any other solutions?

7

@Alevtina

Please share store password also share font name use for body.

Thanks!

8

Please send a collaborator request

9

Hi there,
Jack from OpenThinking here!

You need to edit the code from the tutorial from this

h1,h2,h3,h4,h5,h6,html,body,*,[id] *{
  font-family: "Precious" !important;
}

to this

body {
  font-family: "Precious" !important;
}

this way the font will affect only your body text.

let me know if this works for your. If yes; accept my answer and give me thumbs up! Thank you.

1 Like
10

Thank you, it worked! :slightly_smiling_face: