Why isn't my typeBasePrimary font displaying in Streamline theme?

Store Design
, ,

Topic summary

A user is experiencing issues with the ‘Nuform Sans’ custom font not displaying when set as typeBasePrimary in the Streamline theme, while typeHeaderPrimary (using ‘GTAlpina’) works correctly.

Technical Details:

  • The @font-face declaration appears to have malformed src URLs mixing Liquid template syntax with hardcoded CDN paths
  • CSS custom properties show --typeBasePrimary and --typeBaseFallback both set to ‘Nuform Sans’
  • Much of the provided CSS code appears corrupted or reversed (text displayed backwards)

Proposed Solution:
A PageFly support representative suggests adding code to theme.liquid above the </head> tag:

  1. Navigate to Online Stores > Themes > Actions > Edit code
  2. Click on theme.liquid and paste the code above </head>

However, the actual solution code provided in the response also appears corrupted/reversed, making it unclear what the exact fix should be. The issue likely stems from incorrect font file URL syntax in the original @font-face declaration.

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

Hi @joansu

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Richard | PageFly