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

Forum|Forum|8 years ago
May 26, 2017
3 replies
2358 views

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?

This topic has been closed for replies.

Correct answer ClayUUID

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?

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

just.emma

Inspiring

Can you use static text instead of dynamic?

C

ClayUUID

Legend

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

F

FutureHopeAuthor

Inspiring

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?

C

ClayUUID

Legend

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.