How to set the default font in Animate CC when fonts are not embedded

[FutureHope]

I have a file here that uses Century Gothic for all its text. Century Gothic is a Microsoft font and can not be embedded. So when I publish the file it works fine on windows machines, but on the ipad (and I guess mac) it defaults to times new roman text, and makes the output look ugly as.

Is there any way to change the default text from times new roman to a different font of my choosing?

[kglad]

why can't you embed your font?

if that's a project requirement you can use a bitmap of your text or use a system font that will be mapped by os to a default font.

[ClayUUID]

I've never had Flash or Animate refuse to embed a font. Maybe it's something recent they added??

[FutureHope]

I probably just misunderstand how you embed fonts in a html5 canvas, using animate. I have only been using animate for a week. How do you embed fonts in a html 5 canvas?

[ClayUUID]

Sigh. Okay, you're working in a Canvas document. Good to know.

There's no such thing as embedding fonts in Canvas mode. You either use one of the web-safe fonts, or use Typekit web fonts. The disadvantage of Typekit fonts is that they require an account and they're hosted on the Typekit servers. So if your content ever can't access their servers, your custom fonts disappear.

BTW, do not use static text in Canvas documents for anything more than a few words. It turns all your text into vector outlines, which are huge and slow to render if there's a lot of them.

[just.emma]

You can also use Google Fonts: Using Google fonts in Animate CC

For something simple like a banner ad, static text is great!  But web fonts are definitely better for multiple paragraphs.

[FutureHope]

Hi,

This html5 canvas must be able to work offline, due to this I can not use TypeKit nor google fonts. I would need to stick with a web safe font or use css to add the font to the file. We have fairly strict regulations here and can not add fonts using css (generally) so I am stuck with Web safe options. Doe anyone know of any fonts which are Web safe. Good old CSS uses a fallback system, when one font fails another is used. I don't see any provision for html5 canvas to do this, which is rather annoying. Am I wrong? Is there are way to have fallback fonts?

[ClayUUID · Accepted solution]

CSS Font Stack: Web Safe and Web Font Family with HTML and CSS code.

[just.emma]

Can you use static text instead of dynamic?