From 13e501fc2311b85704f90576ff4260a3932813f7 Mon Sep 17 00:00:00 2001 From: Alan Daniel <45767683+stylessh@users.noreply.github.com> Date: Wed, 3 Jul 2024 13:36:13 -0400 Subject: [PATCH] [create-next-app]: add font antialiasing to templates (#67425) This PR adds font antialiasing to all the next.js templates (with css or tw). ### Before ![Screenshot 2024-07-03 at 10 27 02](https://github.com/vercel/next.js/assets/45767683/65778211-23bd-4d20-b1d1-a2f443f73d4d) ### After ![Screenshot 2024-07-03 at 10 26 38](https://github.com/vercel/next.js/assets/45767683/922188fd-4406-4d08-9b73-74c699d51913) Co-authored-by: Jiwon Choi --- packages/create-next-app/templates/app-tw/js/app/layout.js | 4 +++- packages/create-next-app/templates/app-tw/ts/app/layout.tsx | 4 +++- packages/create-next-app/templates/app/js/app/globals.css | 2 ++ packages/create-next-app/templates/app/ts/app/globals.css | 2 ++ .../templates/default-tw/js/pages/_document.js | 2 +- .../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, 16 insertions(+), 4 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 08210ccaab..9800bf8dde 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 @@ -20,7 +20,9 @@ export const metadata = { 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 dca06aee77..a36cde01c6 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 @@ -25,7 +25,9 @@ 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 f1c87f45cd..e3734be15e 100644 --- a/packages/create-next-app/templates/app/js/app/globals.css +++ b/packages/create-next-app/templates/app/js/app/globals.css @@ -20,6 +20,8 @@ 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 f1c87f45cd..e3734be15e 100644 --- a/packages/create-next-app/templates/app/ts/app/globals.css +++ b/packages/create-next-app/templates/app/ts/app/globals.css @@ -20,6 +20,8 @@ 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 b2fff8b426..628a7334c8 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 b2fff8b426..628a7334c8 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 f1c87f45cd..e3734be15e 100644 --- a/packages/create-next-app/templates/default/js/styles/globals.css +++ b/packages/create-next-app/templates/default/js/styles/globals.css @@ -20,6 +20,8 @@ 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 f1c87f45cd..e3734be15e 100644 --- a/packages/create-next-app/templates/default/ts/styles/globals.css +++ b/packages/create-next-app/templates/default/ts/styles/globals.css @@ -20,6 +20,8 @@ body { color: var(--foreground); background: var(--background); font-family: Arial, Helvetica, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } * {