Fonts are important, by default A-Frame only ships with a few. Not anymore. In this repo you will find all the fonts from Google Fonts converted into a MSDF format supported by A-Frame. There are more than 2000 of them...😂

To use those fonts simply create a text entity with the attribute font and shader: msdf; (very important).

<a-text value="Hello, 안녕!" color="#FFFFFF" shader="msdf" font="https://raw.githubusercontent.com/myso-kr/aframe-fonts-korean/master/fonts/ofl/nanumgothic/NanumGothic-Regular.json" position="6.7 1 -2"></a-text>     

All the fonts can be served using this template:

https://raw.githubusercontent.com/myso-kr/aframe-fonts-korean/master/fonts/[FONT_GROUP]/[FONT_NAME]/[FONT_TYPE].json

Note that if you wish to download the font files, make sure you have both the .json and .png. A-Frame will automatically import the .png file.

First make sure you have Node installed.

On Mac OS X, it's recommended to use Homebrew to install Node + npm:

brew install node

This project uses msdf-bmfont, and some of its dependencies must be installed in advance. For system-specific installation view the node-canvas wiki. You can quickly install the dependencies by using the command for your OS:

If this doesn't work, refer to the msdf-bmfont installation instructions.

To install the Node dependencies:

npm install

To serve the site from a simple Node development server:

npm start

Then launch the site from your favorite browser:

http://localhost:3000/

Distributed under an MIT License.

Note that all those fonts are subject to copyrights. Make sure to have a look at Google Fonts README.

Made by Etienne Pinchon (@etiennepinchon) - October 2017.