From 44060c90baf4b345be800d6f4482c706b71eaf1d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jade=20van=20D=C3=B6rsten?= Date: Sun, 10 Nov 2024 14:28:34 -0600 Subject: [PATCH 1/2] Revert font antialiasing --- packages/create-next-app/templates/app-tw/js/app/layout.js | 2 +- packages/create-next-app/templates/app-tw/ts/app/layout.tsx | 2 +- packages/create-next-app/templates/app/js/app/globals.css | 2 -- packages/create-next-app/templates/app/ts/app/globals.css | 2 -- .../create-next-app/templates/default-tw/js/pages/_document.js | 2 +- .../create-next-app/templates/default-tw/ts/pages/_document.tsx | 2 +- .../create-next-app/templates/default/js/styles/globals.css | 2 -- .../create-next-app/templates/default/ts/styles/globals.css | 2 -- 8 files changed, 4 insertions(+), 12 deletions(-) diff --git a/packages/create-next-app/templates/app-tw/js/app/layout.js b/packages/create-next-app/templates/app-tw/js/app/layout.js index 9800bf8dde1c4..1ed94bb1ceeae 100644 --- a/packages/create-next-app/templates/app-tw/js/app/layout.js +++ b/packages/create-next-app/templates/app-tw/js/app/layout.js @@ -21,7 +21,7 @@ export default function RootLayout({ children }) { return ( {children} diff --git a/packages/create-next-app/templates/app-tw/ts/app/layout.tsx b/packages/create-next-app/templates/app-tw/ts/app/layout.tsx index a36cde01c60b9..24772f8d96cad 100644 --- a/packages/create-next-app/templates/app-tw/ts/app/layout.tsx +++ b/packages/create-next-app/templates/app-tw/ts/app/layout.tsx @@ -26,7 +26,7 @@ export default function RootLayout({ return ( {children} diff --git a/packages/create-next-app/templates/app/js/app/globals.css b/packages/create-next-app/templates/app/js/app/globals.css index e3734be15e1f6..f1c87f45cd277 100644 --- a/packages/create-next-app/templates/app/js/app/globals.css +++ b/packages/create-next-app/templates/app/js/app/globals.css @@ -20,8 +20,6 @@ body { color: var(--foreground); background: var(--background); font-family: Arial, Helvetica, sans-serif; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; } * { diff --git a/packages/create-next-app/templates/app/ts/app/globals.css b/packages/create-next-app/templates/app/ts/app/globals.css index e3734be15e1f6..f1c87f45cd277 100644 --- a/packages/create-next-app/templates/app/ts/app/globals.css +++ b/packages/create-next-app/templates/app/ts/app/globals.css @@ -20,8 +20,6 @@ body { color: var(--foreground); background: var(--background); font-family: Arial, Helvetica, sans-serif; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; } * { diff --git a/packages/create-next-app/templates/default-tw/js/pages/_document.js b/packages/create-next-app/templates/default-tw/js/pages/_document.js index 628a7334c84a5..b2fff8b4262dd 100644 --- a/packages/create-next-app/templates/default-tw/js/pages/_document.js +++ b/packages/create-next-app/templates/default-tw/js/pages/_document.js @@ -4,7 +4,7 @@ export default function Document() { return ( - +
diff --git a/packages/create-next-app/templates/default-tw/ts/pages/_document.tsx b/packages/create-next-app/templates/default-tw/ts/pages/_document.tsx index 628a7334c84a5..b2fff8b4262dd 100644 --- a/packages/create-next-app/templates/default-tw/ts/pages/_document.tsx +++ b/packages/create-next-app/templates/default-tw/ts/pages/_document.tsx @@ -4,7 +4,7 @@ export default function Document() { return ( - +
diff --git a/packages/create-next-app/templates/default/js/styles/globals.css b/packages/create-next-app/templates/default/js/styles/globals.css index e3734be15e1f6..f1c87f45cd277 100644 --- a/packages/create-next-app/templates/default/js/styles/globals.css +++ b/packages/create-next-app/templates/default/js/styles/globals.css @@ -20,8 +20,6 @@ body { color: var(--foreground); background: var(--background); font-family: Arial, Helvetica, sans-serif; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; } * { diff --git a/packages/create-next-app/templates/default/ts/styles/globals.css b/packages/create-next-app/templates/default/ts/styles/globals.css index e3734be15e1f6..f1c87f45cd277 100644 --- a/packages/create-next-app/templates/default/ts/styles/globals.css +++ b/packages/create-next-app/templates/default/ts/styles/globals.css @@ -20,8 +20,6 @@ body { color: var(--foreground); background: var(--background); font-family: Arial, Helvetica, sans-serif; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; } * { From b72cd9c3fbb8d12a6360a238b48725659ee18568 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jade=20van=20D=C3=B6rsten?= Date: Sun, 10 Nov 2024 14:29:53 -0600 Subject: [PATCH 2/2] Set thinner font weight of 325 Geist is a variable font, allowing the use of a thinner font weight that matches the appeal of font antialiasing --- packages/create-next-app/templates/app-tw/js/app/page.js | 2 +- packages/create-next-app/templates/app-tw/ts/app/page.tsx | 2 +- packages/create-next-app/templates/app/js/app/page.module.css | 1 + packages/create-next-app/templates/app/ts/app/page.module.css | 1 + packages/create-next-app/templates/default-tw/js/pages/index.js | 2 +- .../create-next-app/templates/default-tw/ts/pages/index.tsx | 2 +- .../create-next-app/templates/default/js/styles/Home.module.css | 1 + .../create-next-app/templates/default/ts/styles/Home.module.css | 1 + 8 files changed, 8 insertions(+), 4 deletions(-) diff --git a/packages/create-next-app/templates/app-tw/js/app/page.js b/packages/create-next-app/templates/app-tw/js/app/page.js index 4c7ad64a9ccf5..726851b43d753 100644 --- a/packages/create-next-app/templates/app-tw/js/app/page.js +++ b/packages/create-next-app/templates/app-tw/js/app/page.js @@ -2,7 +2,7 @@ import Image from "next/image"; export default function Home() { return ( -
+
+