From 4bb92ac71ad827723f9ce459bd84470e5ca405c1 Mon Sep 17 00:00:00 2001 From: alikia2x Date: Sun, 28 Dec 2025 19:05:33 +0800 Subject: [PATCH] improve: fonts loading in frontend --- packages/temp_frontend/app/root.tsx | 15 +++++++++++---- 1 file changed, 11 insertions(+), 4 deletions(-) diff --git a/packages/temp_frontend/app/root.tsx b/packages/temp_frontend/app/root.tsx index 15e87c3..53f73dc 100644 --- a/packages/temp_frontend/app/root.tsx +++ b/packages/temp_frontend/app/root.tsx @@ -12,15 +12,22 @@ import "./app.css"; import { ErrorPage as ErrPage } from "./components/Error"; export const links: Route.LinksFunction = () => [ - { rel: "preconnect", href: "https://fonts.googleapis.com" }, + { href: "https://fonts.googleapis.com", rel: "preconnect" }, { - rel: "preconnect", - href: "https://fonts.gstatic.com", crossOrigin: "anonymous", + href: "https://fonts.gstatic.com", + rel: "preconnect", }, { - rel: "stylesheet", + as: "style", href: "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap", + rel: "preload", + }, + { + href: "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap", + media: "print", + onload: "this.media='all'", + rel: "stylesheet", }, ];