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-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:
https://raw.githubusercontent.com/etiennepinchon/aframe-fonts/master/fonts/[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
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:
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.