🅰️ Google Fonts for A-Frame - All of them.
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).
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.
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:
brew install pkg-config cairo libpng jpeg giflib
sudo apt-get install libcairo2-dev libjpeg8-dev libpango1.0-dev libgif-dev build-essential g++
sudo yum install cairo cairo-devel cairomm-devel libjpeg-turbo-devel pango pango-devel pangomm pangomm-devel giflib-devel
pkgin install cairo pkg-config xproto renderproto kbproto xextproto
|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.