fix: bundle Fira Code + tone down accent-glow for Night City#32
Conversation
glitchbunny0
force-pushed
the
feat/night-city-fonts
branch
from
2e367dd to
73f1ea4
Compare
glitchbunny0
force-pushed
the
feat/night-city-fonts
branch
from
73f1ea4 to
06a7b59
Compare
|
You can also update font-prose for a more thematic look in the chat because Lora looks a bit too classical but the theme. But if you think this fine I can also merge. |
|
Good call on the font. I tested a bunch of candidates (Chakra Petch, Exo 2, Rajdhani, Orbitron, Share Tech, Russo One, Michroma) against the Night City palette. CP2077's body text uses a custom geometric sans (internally called "Bison"), so I looked for the closest free SIL OFL matches. Landed on Exo 2 — it's a geometric sans-serif designed for screen readability, and it captures that clean futuristic look without being too aggressive for longer RP text. Chakra Petch was the runner-up (more angular, more cyberpunk personality) but Exo 2 reads better at paragraph length. Updated the PR: swapped |
- Add Fira Code VF (variable wght 300-700, SIL OFL 1.1) woff2 - Register @font-face in fonts.css - Put Fira Code first in font stack (drop SF Mono) - Reduce accent-glow alpha 0.13 → 0.08 (too bright in Firefox)
Exo 2 is a geometric sans-serif (SIL OFL) that matches the CP2077 body-text aesthetic better than Lora's classical serif style. Bundles Exo 2 (400/700, normal/italic, latin subset) and updates --font-prose in night_city.css.
glitchbunny0
force-pushed
the
feat/night-city-fonts
branch
from
f7dc532 to
d5ba10b
Compare
2 participants
Follow-up to #31.
Two fixes for the Night City theme:
Bundle Fira Code VF (SIL OFL 1.1, 111K woff2) — the theme uses a mono UI font but only Lora was bundled. On machines without Fira Code / SF Mono installed, the UI fell back to system monospace and looked wrong. Now Fira Code loads from the server.
Fix accent-glow cross-browser rendering — Firefox composites alpha in sRGB space (brighter) while Chromium uses linear RGB (dimmer), making
rgba()backgrounds look noticeably different. Replaced withcolor-mix(in srgb, var(--accent) 8%, var(--bg-surface))which produces an opaque color — no alpha compositing, identical rendering in all browsers.