Calling Adobe Fonts with Hyphens

Hey there,

When I use certain Adobe fonts, it appears that the CSS in Cornerstone doesn’t use proper syntax to call the fonts. For example, I’m using the font “Aviano Flare” for headings on a website. On fonts.adobe.com it says to use the below CSS naming convention to properly reference the font:

  • font-family: “aviano-flare”, sans-serif;

But in cornerstone, after adding my Adobe Fonts project ID to cornerstone when I reference that font, the CSS that cornerstone uses is this:

*font-family: “Aviano Flare”,serif;

Notice that the CSS that cornerstone created does not use the hyphen between “Aviano” and “Flare”, thus the font does not render on the front-end.

How or where can I solve this once so I can use this typeface across my site?

Hello @Sandonws,

Thanks for writing to us.

To help you with your concerns we need to check your setting, I would request please share the admin login details meanwhile I would suggest you troubleshoot a few of the common issues before we investigate your settings. Please share your details in a secure note. Please provide the following details

  • WordPress Login URL
  • Admin-level username and password

You can find the Secure Note button at the bottom of your posts

Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.