panel/resources/js/plugins/webfontloader.js

/**
 * plugins/webfontloader.js
 *
 * webfontloader documentation: https://github.com/typekit/webfontloader
 */
export async function loadFonts() {
  const webFontLoader = await import(/* webpackChunkName: "webfontloader" */ 'webfontloader')

  webFontLoader.load({
    google: {
      families: ['Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap'],
    },
  })
}
export default function () {
  const idle = window.requestIdleCallback || (cb => setTimeout(cb, 1500))
  idle(() => {
    try {
      loadFonts()
    } catch (e) {
      // If idle loading fails for any reason, fallback after a short delay
      setTimeout(() => loadFonts(), 1000)
    }
  })
}