Static text font issue. blank spaces are being filled in solid. (pls see attachment)

[Craig31025326a9a4]

  Hi there. This a first time post for me. I am using a new font but when I render out to the canvas, it is filling in certain spaces as solid instead of transparent.

- This is being rendered out as a clickable interactive. html5 canvas.

- Using Static text. Dynamic text fixes it but alignment issues are then a problem. 

- This text is in a movie clip.

- I have tried converting the foundation.ttf font to an otf font as well but still doing the same.

Any ideas to fix?

[kglad]

use a bitmap of the text or trace the text bitmap if scaling is an issue.

[Craig31025326a9a4]

Thank you very much for your reply. Appreciated and some good options.

I tried the above and yes, converting to bitmap works (even better if i scale up the text to 400% before hand to keep the res a lot sharper).

But in terms of keeping it still vectorised. I tried breaking apart. Twice. One to the seperate letters. Then again to vector shape but then this fill issue occurred. 

Maybe a font file issue. But would love to know if anyone has found a work around for other fonts if this has happened to them. 

[kglad]

vectorize your bitmap using modify>bitmap>trace bitmap.

[Mario_CR]

Another option is to copy the text in Illustrator and convert it to outlines by going to Type > Create Outlines, then copy-paste it back into Animate.

[Craig31025326a9a4 · Accepted solution]

Hello again everyone. So i found someone on fiverr to be able to do the following to the original font file that was used.

For anyone with the same issue above, please see this attachment.  

[kglad]

so, compacting the font solved the problem?

[Craig31025326a9a4]

Yes. This fixed the issue and now the static font exports nicely to the html page.

[kglad]

thank you.