From 22a052c1373a12db33dbdda60f5a3abcebe26d59 Mon Sep 17 00:00:00 2001
From: Chris Kruining <c.kruining@4dotnet.nl>
Date: Thu, 21 Nov 2024 20:32:29 +0100
Subject: [PATCH] remove roboto font (due to layout shift while loading)

---
 src/app.css          | 4 +---
 src/entry-server.tsx | 6 ++----
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/app.css b/src/app.css
index 5369bf0..fd9ead1 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1,5 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght,GRAD@8..144,400,45;8..144,400,50;8..144,1000,0&family=Roboto+Serif:opsz,GRAD@8..144,71&display=swap");
-
 :root {
   --hue: 182.77deg;
   --accent-ofset: 180;
@@ -67,7 +65,7 @@ body {
 
   margin: 0;
 
-  font-family: Roboto Flex, sans-serif;
+  font-family: sans-serif;
 
   * {
     box-sizing: border-box;
diff --git a/src/entry-server.tsx b/src/entry-server.tsx
index fee3475..da4e228 100644
--- a/src/entry-server.tsx
+++ b/src/entry-server.tsx
@@ -33,10 +33,8 @@ export default createHandler(({ nonce }) => {
   const policies = {
     default: base,
     connect: `${base} ws://localhost:*`,
-    script: `${base}`,
-    style: `'self' data: https://fonts.googleapis.com 'unsafe-inline'`,
-    // style: `${base} data: https://fonts.googleapis.com`,
-    font: `${base} https://*.gstatic.com`,
+    style: `'self' data: 'unsafe-inline'`,
+    // style: `${base} data: `,
   } as const;
 
   event.response.headers.append('Content-Security-Policy', Object.entries(policies).map(([p, v]) => `${p}-src ${v}`).join('; '))