f (#416)

ttizze · Dec 4, 2024 · 5874de5 · 5874de5
2 parents be07076 + 6862322
commit 5874de5
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 3 deletions.
diff --git a/web/app/root.tsx b/web/app/root.tsx
@@ -51,6 +51,27 @@ export const handle = {
 
 export const links: LinksFunction = () => [
 	{ rel: "stylesheet", href: tailwind },
+	{
+		rel: "preconnect",
+		href: "https://fonts.googleapis.com",
+	},
+	{
+		rel: "preconnect",
+		href: "https://fonts.gstatic.com",
+		crossOrigin: "anonymous",
+	},
+	{
+		rel: "preload",
+		as: "style",
+		href: "https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=BIZ+UDPGothic:wght@400;700&display=swap",
+		fetchpriority: "high",
+	},
+	{
+		rel: "stylesheet",
+		href: "https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=BIZ+UDPGothic:wght@400;700&display=swap",
+		media: "print",
+		onLoad: "this.media='all'",
+	},
 ];
 
 export function Layout({ children }: { children: React.ReactNode }) {

diff --git a/web/app/tailwind.css b/web/app/tailwind.css
@@ -1,6 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&display=swap");
-
 @tailwind base;
 @tailwind components;
 @tailwind utilities;