Adding a different font to the heading title in dawn 2.0

Store Design
1

Hi all,

I have followed and read through many posts on how to change the header title in dawn 2.0 but for some reason it isn’t working for me.

I added this code to the bottom on base.css file:

.banner__heading.h0 {
font-family: ‘Mouse Memoirs’ !important;
}

and in web inspector is it showing as mouse memoirs but for some reason it is not showing the right font.

Heres my shop link: https://pawtietime.com/

Please help kind souls.

2

@Daniel_41 do you think you could assist me on this?

3

Hi @ridhi01

You want to use extra font for a title in your store then you need to install this font in your store

  • Download the webfont version of your font. The font files must include at least the WOFF and WOFF2 file types (TTF or OTF are not a webfont file types).
  • From your Shopify Admin go to Online Store > Themes > next to the theme you want to edit click Actions > Edit Code. In the sidebar choose Assets > theme.scss.liquid**.** Scroll to the bottom of the file and paste the following code…
@font-face {
font-family: "NAME OF FONT";
src: url("NAME-OF-FONT-FILE.woff2") format("woff2"),
url("NAME-OF-FONT-FILE.woff") format("woff");
}

Hope this will help you.

Thanks

4

Hi @ridhi01
I would like to give you a solution to support you.

I see your page has not imported Mouse Memoirs font.
You can get Mouse Memoirs font from this link: https://fonts.google.com/specimen/Mouse+Memoirs

GemPages_0-1675923962493.png
GemPages_0-1675923962493.png1827×850 106 KB

Then, following these steps:

  1. Go to Online Store → Theme → Edit code https://prnt.sc/fJOF9RnL7Rp5

  2. Open your theme.liquid theme file

  3. Paste the above code before

GemPages_1-1675924074485.png
GemPages_1-1675924074485.png1359×839 50.2 KB

Best regards,
GemPages Support Team

5

omg this worked beautifully, thank you :folded_hands: