I want to use two fonts that I have in my font book (running Mac Mavericks) in an Edge Animate document. I have converted both fonts to web fonts on Font Squirrel so I have eot, ttf, svg, and woff versions. They, and the stylesheet.css are all in the same directory as the Animate project.
In Animate, I click the + button to the right of the font list and select the Custom tab. In the first field I put in the font name (Marketing Script). I have tried putting it in as Marketing Script, marketingscript-inline-webfont (this is the actual file name). and marketing_script_inlineRg (this is the font-face in the stylesheet.css). After the font name I have tried adding all combinations of serif, sans-serif, cursive, and others. I have also tried just using the font name with no fallback.
In the Embed Code field of the custom font box I put, <link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" />.
I think click the Add Font button. The font appears in my list of fonts, but when I try to apply it it appears like this:
It should appear like this:
What am I missing or doing wrong?