localadministrator/avbeat-com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(avbeat): drop antialiased/grayscale font-smoothing on light theme

Browse Source 
-webkit-font-smoothing: antialiased and -moz-osx-font-smoothing: grayscale
were set on body and the Tailwind 'antialiased' utility was applied on
<body>. Both pair correctly with the prior dark theme (light text on
dark surfaces), but on the new white surface they render Inter + Lora
thinner and harsher — strokes lose weight, edges read as jagged.

Removed from src/styles/tailwind.css:59-60 (body rule) and from the
<body className="... antialiased"> utility in src/app/layout.tsx:143.
OS default smoothing (subpixel on Windows / older macOS, 'auto' on modern)
gives Inter + Lora their intended weight and roundness.
This commit is contained in:
Local Administrator
2026-06-03 13:34:02 +00:00
parent 0e9d3c570e
commit 190d374bb1
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/layout.tsx
View File

@@ -140,7 +140,7 @@ export default function RootLayout({
})
}} />
</head>
<body className="bg-brand-bg text-brand-text antialiased">
<body className="bg-brand-bg text-brand-text">
{/* Skip to main content — WCAG 2.4.1 */}
<a
href="#main-content"

6
src/styles/tailwind.css
View File

@@ -56,8 +56,10 @@ body {
font-family: var(--font-body);
background-color: var(--color-bg);
color: var(--color-foreground);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Smoothing intentionally NOT overridden — `antialiased`/`grayscale` was
correct for the old dark theme but renders thinner/harsher on the new
light theme. Default OS smoothing (subpixel on Windows/older macOS,
`auto` elsewhere) gives Inter + Lora their intended weight. */
}
/* =====================