Adobe Fonts not showing on website

Question

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 @1552174 in the CSS.

However, it doesn't work.
I've tried every possible workaround (other than JavaScript. I'd like to avoid that!).

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.

liz, Adobe Type · Answer

Hi Niels,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? Thank you,-- liz

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded