πŸ…°οΈ Google Fonts for A-Frame - All of them.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
fonts
legal
static Adding README Oct 2, 2017
.gitignore Inital Oct 2, 2017
LICENSE Adding README Oct 2, 2017
README.md Add docs about installation requirements. Jan 26, 2018
generate.js Fix typo in font page extension. Aug 14, 2018
index.html Adding README Oct 2, 2017
index.js Inital Oct 2, 2017
package-lock.json Inital Oct 2, 2017
package.json

README.md

A-Frame Fonts πŸ“–

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...πŸ˜‚

Demo

πŸ‘‰πŸ‘‰ Live demo 😎 πŸ‘ˆπŸ‘ˆ

Getting Started

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.

Want to make some changes to it?

Installation

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:

OS Command
OS X brew install pkg-config cairo libpng jpeg giflib
Ubuntu sudo apt-get install libcairo2-dev libjpeg8-dev libpango1.0-dev libgif-dev build-essential g++
Fedora sudo yum install cairo cairo-devel cairomm-devel libjpeg-turbo-devel pango pango-devel pangomm pangomm-devel giflib-devel
Solaris 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:

npm install

Local Development

To serve the site from a simple Node development server:

npm start

Then launch the site from your favorite browser:

http://localhost:3000/

License

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.