Custom Adobe Fonts not showing up on mobile

Topic summary

Custom fonts added per the Shapes theme documentation are not appearing on mobile devices. The poster is comfortable with HTML/CSS but unfamiliar with Liquid and is unsure what step might be missing to enable mobile display.

Key context:

  • Theme: Shopify “Shapes”; fonts applied to headings and body using the provided guide (link referenced).
  • Mobile-specific problem; no mention of errors or desktop behavior.
  • A second user reports the same issue in a different Shopify theme (Palo Alto), suggesting the problem may not be theme-specific.

Current status:

  • No fixes, workarounds, or diagnostic steps have been shared.
  • No code snippets or images are included; the linked documentation is central to understanding the implementation path.

Unresolved/next steps:

  • Whether additional Liquid configuration or mobile-specific settings are required remains unanswered.
  • Discussion is open with no confirmed resolution.
Summarized with AI on January 29. AI used: gpt-5.

I’m working in the Shopify “Shapes” theme and added custom fonts for headings and body text as instructed in the theme documentation: https://docs.switchthemes.co/shapes/advanced/custom-font.html#apply-the-font

Unfortunately, the fonts I chose are not showing up on mobile. I am familiar with HTML/CSS but not Liquid, so I’m not sure what I’m missing. I have no idea how to get the fonts to show up on mobile as well.

1 Like

Same! I’m in another theme (Palo Alto) but same issue.