HTML5 Canvas and local font

[nicolekopp]

Hello, I have created a HTML5 Canvas Banner and used a custom local font. Now I was looking for a solution to embed the font. I would just put it in the HTML code.

But I noticed that the font is also displayed like this on machines where the font is not installed. The font is not in paths. How can this be? Does Animate do the embedding automatically and I don't have to do anything?

[JoãoCésar · Accepted solution]

Hi.

You need web fonts or to use the @Blissful_help0D4E-face CSS rule.

Please check these links out:

https://community.adobe.com/t5/animate-discussions/how-do-you-import-fonts-to-adobe-animate/m-p/1354...

https://community.adobe.com/t5/animate-discussions/html5-custom-text-embed-in-animate-cc/m-p/1051993...

https://www.youtube.com/watch?v=g7VS4qddzeA&feature=youtu.be&t=745&ab_channel=Jo%C3%A3oC%C3%A9sardeL...

Regards,

JC

[nicolekopp]

Ok, thanks. That was super helpful!

Two more questions about this:

1. is it not possible to set the letter spacing for dynamic text?

2. is there no setting for capital letters in Animate?

[kglad]

letterspacing in canvas, no.  you need to create your own "component".

what do you mean be a setting for capital letters?

[nicolekopp]

I mean that you can set the text to be written in uppercase.

What do you mean by create your own component?

[kglad]

you can use to UpperCase() for any string.

[nicolekopp]

so as script? Sorry i am beginner

[kglad]

this.yourtextfield.text=whatever.toUpperCase()

[nicolekopp]

Ok, thank you so much, perfect!

Just one more question: you wrote this: letterspacing in canvas, no. you need to create your own "component".
What exactly do you mean by your own component?

[kglad]

that's a topic for advanced coders.  ie, it can be done because letterSpacing is a javascript property (of style), but it requires some coding expertise.