Change font for headers

Store Design
,

Topic summary

A user seeks to change subheader fonts in a scrolling section to “Roboto” on their Shopify store.

Two solutions provided:

  • BSSCommerce-B2B: Insert custom CSS code in theme.liquid file above the </head> tag
  • Moeed: Add code above the </body> tag in the same file

Both approaches involve:

  1. Navigating to Shopify Admin → Online Store → Themes → Edit Code
  2. Locating the theme.liquid file
  3. Inserting CSS targeting the specific elements

Screenshots demonstrate the implementation steps and expected results. The discussion remains open with no confirmation from the original poster about which solution worked.

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

Hi, how can I change the fonts of these texts to my other font ?

(I want to chnage the fonts of those subheaders in the scrolling section to “Roboto”, my second font)

Daniel19901_0-1727253520317.png
Daniel19901_0-1727253520317.png1028×361 35.4 KB

https://brodeon.myshopify.com/

2

@Daniel19901 ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Result

BSSCommerceB2B_0-1727253825060.png
BSSCommerceB2B_0-1727253825060.png504×901 88.6 KB

3

Hey @Daniel19901

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1727253989278.png
Moeed_0-1727253989278.png666×334 6.8 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like