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
shader: msdf; (very important).
<a-entity text="value:Hello; color:#FFFFFF; shader: msdf; font:https://raw.githubusercontent.com/etiennepinchon/aframe-fonts/master/fonts/creepster/Creepster-Regular.json;" position="6.7 1 -2"></a-entity>
All the fonts can be served using this template:
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.
Want to make some changes to it?
First make sure you have Node installed.
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:
|Windows||Instructions on the node-canvas wiki|
If this doesn't work, refer to the msdf-bmfont installation instructions.
To install the Node dependencies:
To serve the site from a simple Node development server:
Then launch the site from your favorite browser:
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.