Title font is different to chosen typography font.

Shopify Discussion

Topic summary

A user reports that product title headers on their Shopify store display in the wrong font, despite selecting “Grandstander” in typography settings. They suspect code is blocking the font change and also want to center the title and price.

Current Status:

  • User shared store URL (vaultvintagegc.com) and screenshot showing the font discrepancy
  • Support team member requested store link for further investigation

Proposed Solution:
A community member provided custom code to:

  • Add font family selector to the theme section schema
  • Include options for multiple fonts (Arial, Georgia, Times New Roman, Verdana, Grandstander)
  • Add font size and weight controls
  • Import Grandstander font via Google Fonts link

The solution involves modifying the specific theme section’s code and schema settings. The discussion remains open pending implementation and confirmation of whether the solution resolves the issue.

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

Hey guys, i need some help with my website. I have chosen “Grandstander” font in my typography settings but the product title headers seem to be stuck in a different font. I feel like something is blocking the font from changing in the coding. Can someone please guide me to change the font and also center the title and price.

Capture.JPG
Capture.JPG1919×867 170 KB

2

Hi @vaultvintagegc

Could you please share the store link as well so we can check it further?

Looking forward to hearing from you soon. Thank you!

Best,
Daisy - Avada Support Team.

3

Hi there! sorry forgot to add it

www.vaultvintagegc.com

4

Hi @vaultvintagegc


## 
    {{ block.settings.heading_text }}
  
  
  Add this code on schema in side the section :
  

  {
    "type": "select",
    "label": "Font Family",
    "id": "heading_font_family",
    "options": [
      {
        "value": "Arial, sans-serif",
        "label": "Arial"
      },
      {
        "value": "Georgia, serif",
        "label": "Georgia"
      },
      {
        "value": "Times New Roman, Times, serif",
        "label": "Times New Roman"
      },
      {
        "value": "Verdana, sans-serif",
        "label": "Verdana"
      },
      {
        "value": "'Grandstander', sans-serif",
        "label": "Grandstander"
      }
    ],
    "default": "Arial, sans-serif"
  },
  {
    "type": "range",
    "label": "Font Size",
    "id": "heading_font_size",
    "min": 12,
    "max": 72,
    "step": 1,
    "default": 24
  },
  {
    "type": "select",
    "label": "Font Weight",
    "id": "heading_font_weight",
    "options": [
      {
        "value": "400",
        "label": "Normal"
      },
      {
        "value": "700",
        "label": "Bold"
      }
    ],
    "default": "400"
  }

https://fonts.googleapis.com/css2?family=Grandstander&display=swap
https://fonts.googleapis.com

add this code on on specific theme section where you want add this font family what you want.

if the solution is helpful mark it as acceptable solution.

Thanks and Regards