Function getFontPreviewCSS

website/app/utils/font-preview.ts:129–158

(
	metadata: Omit<GetFontResponse, 'variants'>,
	variable?: GetVariableFontResponse,
)

	return [`"${family}"`, ...quotedFallbacks].join(', ');
};
export const getFontPreviewCSS = (
	metadata: Omit<GetFontResponse, 'variants'>,
	variable?: GetVariableFontResponse,
) => {
	const unicodeRange = Object.fromEntries(
		Object.entries(metadata.unicodeRange).map(([key, range]) => [
			key.replace('[', '').replace(']', ''),
			range,
		]),
	);
	const unicodeKeys = Object.keys(unicodeRange);
	const subsets = unicodeKeys.length > 0 ? unicodeKeys : metadata.subsets;
	const faces = resolveFontFaces(
		{
			id: metadata.id,
			family: metadata.family,
			subsets,
			weights: metadata.weights,
			styles: metadata.styles,
			unicodeRange,
			variable: variable?.axes,
		},
		variable
			? [selectVariableAxisKey(variable.axes, Object.keys(variable.axes))]
			: undefined,
	);
	return generateCSS(metadata.family, faces, {
		resolver: jsDelivrResolver(metadata.id, !!variable),
	});
};