I just changed my website from one Dawn themed page to another. The new one does have quite a bit of added css but I didn’t adjust the main base.css script from my original website. Now my site doesn’t show the correct font on mobile for some reason? I have two fonts, one “macho black” and one “muli”. Here is the link to my site, I’ve worked through 99% of issues myself but I literally can’t fix this one.
Topic summary
A user migrated their Dawn-themed Shopify site and encountered a font display issue on mobile devices. The site uses two Adobe fonts: “Macho Black” for headings and “Muli” for body text.
The Problem:
- The heading font (Macho Black) displays correctly on desktop but not on mobile
- The heading should match the logo font but shows differently on mobile devices
- The user provided screenshots showing the discrepancy
Resolution:
- Multiple community members requested screenshots to diagnose the issue
- After investigation, it was confirmed that both fonts were properly implemented from Adobe
- The fonts are now working correctly on both desktop and mobile platforms
The issue appears to have been resolved, with the Adobe fonts displaying properly across all devices.
Hi @Kerro ,
I tested and both fonts work fine for mobile, can you send me a screenshot of the error location?
I will check it.
Hi @Kerro ,
Can you send me the logo font name? I will check it again because it is showing as the desktop font.
And it is showing 2 fonts: Muli and Macho Black
The heading font is the Macho Black which is an adobe font
Hi @Kerro ,
I checked and it works for both desktop and mobile, you added it properly from adobe