You have the possibility to add both fonts from google, as well as custom fonts, but also to configure the system fonts you want to use.

To understand the font configuration, see the following example :

var options = {
    fontFamily: {
        google: [
           'Pacifico',
           'Droid Sans',
           'Droid Serif',
        ],
        system: [
          'Arial',
        ],
        files: [
            {
                "font-family":"My first font",
                "src":"http://first-font-url",
                "font-weight":400,
                "font-style":"normal",
                "format":"TrueType"
            },
            {
                "font-family":"My second font",
                "src":"http://second-font-url",
                "font-weight":400,
                "font-style":"normal",
                "format":"WOFF"
            }
        ]
    },
}

var instance = new AsukaDesigner('#myId', options); // Create an instance of the main plugin class
Was this article helpful to you? Yes No

How can we help?