Loader →

FontLoader

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');
      }
    );

Examples

geometry / text / shapes
geometry / text

Constructor

FontLoader(manager : LoadingManager)

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

Creates a new FontLoader.

Properties

See the base Loader class for common properties.

Methods

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.

Source

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