From a6bceb938e4c1a6206613489e41afe7d0dda584a Mon Sep 17 00:00:00 2001
From: Florian Lefebvre <contact@florian-lefebvre.dev>
Date: Tue, 15 Apr 2025 18:30:22 +0200
Subject: [PATCH] fix(fonts): component ordering

---
 .changeset/thick-walls-open.md       | 5 +++++
 packages/astro/components/Font.astro | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/thick-walls-open.md

diff --git a/.changeset/thick-walls-open.md b/.changeset/thick-walls-open.md
new file mode 100644
index 000000000000..f56826c8c71a
--- /dev/null
+++ 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
index 53d26ea361ad..13b464ce4aad 100644
--- 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>