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

Code Example

const loader = new v3d.FontLoader(); const 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 / xhr.total * 100) + '% loaded'); }, // onError callback function(err) { console.log('An error happened'); } );


geometry / text / shapes
geometry / text


FontLoader(manager : LoadingManager)

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

Creates a new FontLoader.


See the base Loader class for common properties.


See the base Loader class for common methods.

.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 font.
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.


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