soimy/msdf-bmfont-xml

Text appears transparent in colored tectanle

AlbertoElias opened this issue · 3 comments

AlbertoElias commented

I've been trying to create my own msdf fonts, based on Roboto which I fetched from Google Fonts. Using this tool and then loading it in Three.JS with https://github.com/Jam3/three-bmfont-text loads transparent text in a colored rectangle. It works fine if I load the pre generated Roboto from here: https://github.com/Jam3/three-bmfont-text/tree/master/test/fnt

Error:
broken_font

I've tried both on Ubuntu and Windows and with multiple Roboto ttfs, and other fonts.

soimy commented

three-bmfont-text is old. Since https://github.com/Chlumsky/msdfgen Release v1.4 all generated channel have been reversed, and the MSDF shader should be updated accordingly.

You can check out https://github.com/soimy/msdf-bmfont-xml/tree/master/test for an example on how to use msdf-bmfont-xml generated atlas with three-bmfont-text

  • 👍1
AlbertoElias commented

Great, thanks for the info. Got it working just fine now :)