Function loadFont

website/app/hooks/useIsFontLoaded.ts:21–65

(
	{ family, weight = 'normal', style = 'normal' }: FontFace,
	text = 'BESbswy', // Default text to test font loading.
	timeout = 15_000,
)

const isClient = typeof window !== 'undefined';

const loadFont = async (
	{ family, weight = 'normal', style = 'normal' }: FontFace,
	text = 'BESbswy', // Default text to test font loading.
	timeout = 15_000,
) => {
	// e.g., "italic 700 100px 'Roboto'"
	const fontShorthand = `${style} ${weight} 100px "${family}"`;

	// We check for `document.fonts` to prevent errors in non-browser environments (like SSR).
	if (!isClient || !document?.fonts) {
		// Resolve immediately on the server or in unsupported environments.
		console.warn('Font Loading API not supported. Skipping font load.');
		return Promise.resolve();
	}

	let timeoutId: number | undefined;

	const loaderPromise = document.fonts
		.load(fontShorthand, text)
		.then((fonts) => {
			if (fonts.length === 0) {
				throw new Error(`Font '${family}' failed to load or was not found.`);
			}
		});

	const timeoutPromise = new Promise((_, reject) => {
		if (isClient) {
			timeoutId = window.setTimeout(() => {
				reject(new Error(`Font '${family}' timed out after ${timeout}ms.`));
			}, timeout);
		} else {
			// On server, immediately reject to avoid hanging promises.
			reject();
		}
	});

	try {
		return await Promise.race([loaderPromise, timeoutPromise]);
	} finally {
		// Cleanup to prevent memory leaks.
		if (timeoutId && isClient) {
			window.clearTimeout(timeoutId);
		}
	}
};

const notify = (cacheKey: string) => {
	for (const callback of subscribers.get(cacheKey) ?? []) {