Dynamic Font Loading

loadfont.js

window.loadFont = async(base64) => {
    const byteArray = Uint8Array.from(atob(base64), c => c.charCodeAt(0));
    // Add font face 'customFont' to an element. It will fallback until a font gets loaded
    const font = new FontFace('customFont', byteArray);
    // wait for font to be loaded
    await font.load();
    // add font to document
    document.fonts.add(font);
};