collectFontData() — astro Function Reference

Architecture documentation for the collectFontData() function in collect-font-data.ts from the astro codebase.

Function typescript CoreAstro RenderingEngine

Entity Profile

CoreAstro→ RenderingEngine→ collectFontData() — astro Function Reference

Dependency Diagram

graph TD
  faa3a961_3c00_4ce6_dc88_264fe5633b6c["collectFontData()"]
  ce66a400_2bd3_9788_978e_30c00798c669["collect-font-data.ts"]
  faa3a961_3c00_4ce6_dc88_264fe5633b6c -->|defined in| ce66a400_2bd3_9788_978e_30c00798c669
  style faa3a961_3c00_4ce6_dc88_264fe5633b6c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/astro/src/assets/fonts/core/collect-font-data.ts lines 4–31

export function collectFontData(
	fontFamilyAssets: Array<
		Pick<FontFamilyAssets, 'fonts'> & { family: Pick<FontFamilyAssets['family'], 'cssVariable'> }
	>,
) {
	const fontDataByCssVariable: FontDataByCssVariable = {};

	for (const { family, fonts } of fontFamilyAssets) {
		const fontData: Array<FontData> = [];
		for (const data of fonts) {
			fontData.push({
				weight: renderFontWeight(data.weight),
				style: data.style,
				src: data.src
					.filter((src) => 'url' in src)
					.map((src) => ({
						url: src.url,
						format: src.format,
						tech: src.tech,
					})),
			});
		}

		fontDataByCssVariable[family.cssVariable] = fontData;
	}

	return fontDataByCssVariable;
}