Class for loading a font in JSON format. Returns a Font, which is an array of Shapes representing the font. This uses the FileLoader internally for loading files.

You can convert fonts online using facetype.js


geometry / text / shapes
geometry / text

var loader = new v3d.FontLoader(); var font = loader.load( // resource URL 'fonts/helvetiker_bold.typeface.json', // onLoad callback function(font) { // do something with the font scene.add(font); }, // onProgress callback function(xhr) { console.log((xhr.loaded / * 100) + '% loaded'); }, // onError callback function(err) { console.log('An error happened'); } );


FontLoader(manager : LoadingManager)

manager — The loadingManager for the loader to use. Default is v3d.DefaultLoadingManager.

Creates a new FontLoader.


.manager : LoadingManager

The loadingManager the loader is using. Default is DefaultLoadingManager.

.path : String

The base path from which fonts will be loaded. See .setPath. Default is undefined.


.load (url : String, onLoad : Function, onProgress : Function, onError : Function) : null

url — the path or URL to the file. This can also be a Data URI.
onLoad — Will be called when load completes. The argument will be the loaded texture.
onProgress — Will be called while load progresses. The argument will be the XMLHttpRequest instance, which contains .total and .loaded bytes.
onError — Will be called when load errors.

Begin loading from url and pass the loaded texture to onLoad.

.parse (json : Object) : Font

json — The JSON structure to parse.

Parse a JSON structure and return a Font.

.setPath (path : String) : FontLoader

Set the base path or URL from which to load fonts. This can be useful if you are loading many fonts from the same directory.


For more info on how to obtain the source code of this module see this page.