fix(fonts): component ordering (#13625)

florian-lefebvre · web-flow · commit f1311d2acb6d · 2025-04-16T09:59:46.000+02:00
diff --git a/.changeset/thick-walls-open.md b/.changeset/thick-walls-open.md
@@ -0,0 +1,5 @@
+---
+'astro': patch
+---
+
+Updates the `<Font />` component so that preload links are generated before the style tag if `preload` is passed
diff --git a/packages/astro/components/Font.astro b/packages/astro/components/Font.astro
@@ -23,10 +23,10 @@ if (!data) {
 }
 ---
 
-<style set:html={data.css}></style>
 {
 	preload &&
 		data.preloadData.map(({ url, type }) => (
 			<link rel="preload" href={url} as="font" type={`font/${type}`} crossorigin />
 		))
 }
+<style set:html={data.css}></style>

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'astro': patch
 +---
++
 +Updates the `<Font />` component so that preload links are generated before the style tag if `preload` is passed
Original file line number	Diff line number	Diff line change
`@@ -23,10 +23,10 @@ if (!data) {`
`23`	`23`	`}`
`24`	`24`	`---`
`25`	`25`
`26`		`-<style set:html={data.css}></style>`
`27`	`26`	`{`
`28`	`27`	`preload &&`
`29`	`28`	`data.preloadData.map(({ url, type }) => (`
`30`	`29`	<link rel="preload" href={url} as="font" type={`font/${type}`} crossorigin />
`31`	`30`	`))`
`32`	`31`	`}`
	`32`	`+<style set:html={data.css}></style>`