accounts-frontend/packages/app/services/font.ts

import webFont from 'webfontloader';
import logger from 'app/services/logger';

export default {
  /**
   * @param {Array} families
   * @param {object} options
   * @param {boolean} [options.external=false] - whether the font should be loaded from external source (e.g. google)
   *
   * @returns {Promise}
   */
  load(
    families: string[] = [],
    options: {
      external?: boolean;
    } = {},
  ): Promise<void> {
    let config: { [key: string]: any } = {
      custom: { families },
    };

    if (options.external) {
      config = {
        google: { families },
      };
    }

    return new Promise((resolve) =>
      webFont.load({
        classes: false,
        active: resolve,
        inactive() {
          logger.warn('Failed loading the font', {
            families,
          });
          resolve();
        },
        timeout: 2000,
        ...config,
      }),
    );
  },
};