How can I change the font of my brand name in the header?

[themodernbazaar]

Hi Amazing People 😊. How can I edit the FONT of the BRAND NAME present in the header? I am not talking about the FONT SIZE. Talking about FONT instead. Like COMIC SANS or ARIAL FONTS etc. Thanks!

Like my brand name is THE MODERN BAZAAR. It is present in the header as well. But I don't really like the FONT. Need to change it. Can you help please? Sharing the screenshot of my header area as well (brand name is enclosed in a pink box).

Thanks!

[Harsita]

Hi @themodernbazaar 

Thank you for reaching out to the Shopify community.

In order to change the font of the your brand name in the header section you have to make changes in your base.css file in Assets folder In your theme code editor. Go to the base.css file and add the below code in your file.

 .header__heading .h2{
    font-family: cursive; //font of your choice
  }

The font should be changed now, if not please send me your store URL so that I can help further.

Thanks

[themodernbazaar]

Hi @Harsita 😊 Thanks for the detailed response. My store URL is themodernbazaar.com .

Please let me know that do we also need to upload the desired font in the shopify or we just to mention its name in the code without uploading in Shopify if the FONT is not present already?

Let's say I want to use the FONT "DANCING SCRIPT" which is not present in shopify list of available fonts. Then should i add that font first in shopify and then enter the code you provided?

Thanks!

[Harsita · Accepted solution]

Hi @themodernbazaar 

Yes you have to you have to add font first and then you can use it.

You can also make use of google fonts and add the desired font in your website.

link for reference - 

https://community.shopify.com/c/technical-q-a/how-to-use-custom-font-across-entire-store-with-dawn-t... 

Do give it a try and let me know if this was helpful.

Thanks

[themodernbazaar]

Hi @Harsita I am so glad that this actually worked!!! Thanks a lot! 🙂