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;
}
* {