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

ui(article): bb-article-prose Georgia -> Inter sans + body smoothing

Browse Source 
Mirror of the BB article-prose change. Font-family swap only; colors were
already dark on AVB. Body smoothing re-enabled per Ryan.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
ops-bot
2026-06-04 14:53:40 +00:00
parent d832e624cc
commit 9fa69ef74e
1 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/styles/tailwind.css
View File

@@ -56,10 +56,12 @@ body {
font-family: var(--font-body); font-family: var(--font-body);
background-color: var(--color-bg); background-color: var(--color-bg);
color: var(--color-foreground); color: var(--color-foreground);
/* Smoothing intentionally NOT overridden — `antialiased`/`grayscale` was /* Smoothing re-enabled 2026-06-04 per Ryan ("jaggedy fix"). Subpixel
correct for the old dark theme but renders thinner/harsher on the new rendering was inconsistent across kiosk + browser combos. */
light theme. Default OS smoothing (subpixel on Windows/older macOS, -webkit-font-smoothing: antialiased;
`auto` elsewhere) gives Inter + Lora their intended weight. */ -moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-feature-settings: 'kern', 'liga';
} }
/* ===================== /* =====================
@@ -1586,7 +1588,7 @@ a.company-mention:hover {
Apply this class alongside the existing `prose prose-invert` on the Apply this class alongside the existing `prose prose-invert` on the
article body render in /news/[slug] and /articles/[slug]. */ article body render in /news/[slug] and /articles/[slug]. */
.bb-article-prose { .bb-article-prose {
font-family: Georgia, "Cheltenham Subhead", Charter, "Times New Roman", Times, serif !important; font-family: var(--font-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif !important;
font-size: 19px !important; font-size: 19px !important;
line-height: 1.75 !important; line-height: 1.75 !important;
color: #1e293b !important; color: #1e293b !important;
@@ -1606,7 +1608,7 @@ a.company-mention:hover {
} }
.bb-article-prose p:first-of-type::first-letter { .bb-article-prose p:first-of-type::first-letter {
float: left; float: left;
font-family: Georgia, serif; font-family: var(--font-sans), sans-serif;
font-size: 64px; font-size: 64px;
line-height: 0.95; line-height: 0.95;
font-weight: 700; font-weight: 700;
@@ -1615,7 +1617,7 @@ a.company-mention:hover {
margin-top: 4px; margin-top: 4px;
} }
.bb-article-prose h2 { .bb-article-prose h2 {
font-family: Georgia, "Cheltenham Subhead", Charter, serif; font-family: var(--font-sans), sans-serif;
font-size: 28px; font-size: 28px;
font-weight: 700; font-weight: 700;
color: #0F172A; color: #0F172A;
@@ -1624,7 +1626,7 @@ a.company-mention:hover {
line-height: 1.25; line-height: 1.25;
} }
.bb-article-prose h3 { .bb-article-prose h3 {
font-family: Georgia, "Cheltenham Subhead", Charter, serif; font-family: var(--font-sans), sans-serif;
font-size: 22px; font-size: 22px;
font-weight: 700; font-weight: 700;
color: #0F172A; color: #0F172A;
@@ -1642,7 +1644,7 @@ a.company-mention:hover {
} }
.bb-article-prose blockquote::before { .bb-article-prose blockquote::before {
content: "“"; content: "“";
font-family: Georgia, serif; font-family: var(--font-sans), sans-serif;
font-size: 54px; font-size: 54px;
line-height: 0; line-height: 0;
vertical-align: -0.4em; vertical-align: -0.4em;
@@ -1673,7 +1675,7 @@ a.company-mention:hover {
} }
.bb-article-prose figcaption, .bb-article-prose figcaption,
.bb-article-prose .caption { .bb-article-prose .caption {
font-family: Georgia, serif; font-family: var(--font-sans), sans-serif;
font-size: 13px; font-size: 13px;
font-style: italic; font-style: italic;
color: #9a9690; color: #9a9690;