syncFonts() — astro Function Reference

Architecture documentation for the syncFonts() function in sync.ts from the astro codebase.

Function typescript CoreAstro RenderingEngine

Entity Profile

CoreAstro→ RenderingEngine→ syncFonts() — astro Function Reference

Dependency Diagram

graph TD
  9e3fb8fc_2470_43ee_7005_0a62bd0c43fa["syncFonts()"]
  ebfe6538_5169_4fca_0d49_927e3c018214["sync.ts"]
  9e3fb8fc_2470_43ee_7005_0a62bd0c43fa -->|defined in| ebfe6538_5169_4fca_0d49_927e3c018214
  style 9e3fb8fc_2470_43ee_7005_0a62bd0c43fa fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/astro/src/assets/fonts/sync.ts lines 4–17

export function syncFonts(settings: AstroSettings): void {
	if (!settings.config.fonts) {
		return;
	}

	settings.injectedTypes.push({
		filename: FONTS_TYPES_FILE,
		content: `declare module 'astro:assets' {
	/** @internal */
	export type CssVariable = (${JSON.stringify(settings.config.fonts.map((family) => family.cssVariable))})[number];
}
`,
	});
}