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

Topic summary

A user wants to change the font family (not size) of their brand name “THE MODERN BAZAAR” displayed in the header, expressing dissatisfaction with the current font style.

Solution Provided:

  • Modify the base.css file in the Assets folder through the theme code editor
  • Add CSS targeting .header__heading.h2 with the desired font-family property
  • For fonts not available in Shopify’s default library (like “Dancing Script”), the font must first be uploaded or imported via Google Fonts
  • Reference link provided for implementing custom fonts across the entire store

Outcome:
The solution successfully resolved the issue. The user confirmed the font change worked as intended.

Summarized with AI on November 16. AI used: claude-sonnet-4-5-20250929.

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

1 Like