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

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?

