I've create a web project on my Adobe Fonts account, and added the fonts I wanted to implement on my website.
I've followed the steps in the FAQ, and have tried embedding the fonts as a link in my HTML head, and via the @Import in the CSS.
However, it doesn't work.
I've imported the font, and called it in the CSS using font-family.
On my computers with active Adobe Accounts, the fonts show up perfectly, whereas on my mobile devices and other computers, the font-family goes to the sans-serif alternative/option, as stated.
I'm sorry that you ran into trouble with this. Would you please confirm that you're using the same font-family names that are listed for your web project at https://fonts.adobe.com/my_fonts#web_projects-section ? Multi-word font names have hyphens in them (e.g. "proxima-nova"), rather than spaces ("proxima nova").
A common reason the fonts appear to be loading on a desktop computer but not on a mobile device is if your website CSS uses a different font-family name than the one we provide. The browser finds a local desktop version of the font (perhaps activated from Adobe Fonts) with that name, but the same local fonts aren't available on the mobile device.
If the font-family name in the CSS is correct, can you share a link to your website so we can look into it further?
Hello! I am having the same issue on my site wearwfhwear.com. On desktop, the site has the proper font (degular, uppercase, italic) but on mobile it's a generic sans-serif font. Can you help with this issue?