MSDF Font Generator

MSDF Fonts Generator is a simple but effective online tool for creating fonts and typefaces. To use this tool, upload the .tff font that you’ll use.

Then, select your character set and click MSDF font. Before downloading the font, you can see a preview of the first four character sets.

The generated font can be used on an A-frame web framework for creating WebVR experiences via HTML5. This tool offers better font customization as compared to solely relying on WebGL.

Try the tool here.

MSDF Font Generator


You might also find this interesting:


  1. Hearthstone card effect in CSS An interesting question was posed via Twitter recently. It was about finding a way to create a card browse/hovering effect like the one in the popular card game Hearthstone using...

  2. HTML5 Game Development Facebook, Twitter and G+ The official HTML5GameDevelopment.org Facebook page up at: http://www.facebook.com/Html5GameDevelopment The official HTML5GameDevelopment.org Twitter account is at: https://twitter.com/#!/gamedevhtml5 The Google Plus page is up at: https://plus.google.com/b/106608051085232600929/ All are updated automatically via the...

  3. Circular Noise Effect The Circular Noise Effect is a WebGL sketching tool for creating colorful circular patterns. The effect is created by simulating multiple points arranged in a circle. The tool has several...

  4. tQuery = Three.js + jQuery – 3D made simple The folks behind learningwebgl.com have created a tool called tQuery which aims to harness the power of Three.js with the simplicity and flexibility that we all know and love in...

  5. Simplex Flower Generator The Simplex Flower Generator is an online ThreeJS tool for creating animated floral patterns. Its GUI features options for tweaking the lines, stems, noise speed, angle range, iterations, and other...

, , , ,
HTML5 Tools