Skip to main content
Inspiring
Feb 27, 2023 7:51 PM UTC
Answered

Help with Open Type font when publishing HTML5 canvas

Looking for some advice please.

I have an Open Type font (Atomic marker) that I need to use in a HTML5 canvas and publish it on the internet.

The font is set to dynamic text.

I've added it to my creative cloud fonts but it still doesn't view correctly on the internet.

I can't embed the font because that doesn't support html5 canvas.

Any advice would be greatly appreciated.

Thank you

 

 

 

This topic is closed to new replies. Start a new post to keep the conversation going.
JoãoCésar17023019
JoãoCésar17023019Correct answer
Community Expert
Feb 28, 2023 1:54 PM UTC

I've PM'd you


Thanks for the file.

 

Now that I spoted other mistakes in your code. The font-family property value should be "Atomic Marker", the font extension is .otf and you didn't close the style tag (</style>). To sum up, your code should be like this (the f in font-face is lowercase):

 

 

<style>
    @11220649-face
    {
        font-family: "Atomic Marker";
        src: url("AtomicMarker.otf");
    }
</style>

 

 


Preview (it takes a few seconds for the font to load):
https://adobe-animate-font-face-test.netlify.app/

 

I hope this helps.

 

Regards,

JC

13 replies

kglad
Community Expert
Community Expert
Feb 27, 2023 9:56 PM UTC

what do you mean by you "added it to my creative cloud fonts"?

 

did you add it to your textfield in animate:

 

 

Translate
Inspiring
Feb 28, 2023 7:56 AM UTC

I had my font in Connect Fonts from Extensis. Adobe suggested adding it to my Creative Cloud.

https://helpx.adobe.com/in/creative-cloud/help/add-your-fonts-to-creative-cloud.html#sa_src=web-messaging

It didn't help...

Translate
JoãoCésar17023019
Community Expert
Community Expert
Feb 28, 2023 9:54 AM UTC

Hi.

 

Please find in this link some information of how fonts work in Animate.
https://community.adobe.com/t5/animate-discussions/how-do-you-import-fonts-to-adobe-animate/m-p/13548167#M362106

Regards,
JC

Translate