fix: use lining figures for tier prices

Sponsorship tier prices rendered in Cormorant Garamond's default old-style figures, so zeros sat at x-height and the 5 dropped below the baseline, making "$500" hard to read.

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Vinta Chen
2026-10-21 15:49:19 +08:00
co-authored by Claude
parent f2ab09891d
commit a1f29c58f7
2 changed files with 2 additions and 0 deletions
+1
View File
@@ -116,6 +116,7 @@ Hard-won sizing rules (do not relax):
- **When in doubt, pick one step larger** than what generic scale references suggest (`--text-base` over `--text-sm`, 1.75rem over 1.5rem for a heading). The maintainer has corrected sizes upward 11+ times across 8 sessions. Footer, meta rows, expand content, labels, and headings all trend too small by default. **Never reduce an existing size unprompted.**
- Adjacent heading levels differ by at least 0.25rem of rendered size.
- Row numbers in the table: left-align, no leading zeros. Zero-padding was tried and rejected.
- **Cormorant Garamond numerals use lining figures** (`font-variant-numeric: lining-nums`). Its default old-style figures shrink zeros to x-height and drop 3/4/5/7/9 below the baseline, so a price like `$500` reads as `$5oo`.
- **Never `text-transform`.** Write the casing in the markup.
## Layout
+1
View File
@@ -1434,6 +1434,7 @@ th[data-sort].sort-asc::after {
font-weight: 600;
line-height: 0.9;
letter-spacing: -0.025em;
font-variant-numeric: lining-nums;
color: var(--ink);
}