luxfi/wallet
1
0
Fork 0
mirror of https://github.com/luxfi/wallet.git synced 2026-07-27 19:55:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(web): global sans-serif font — wallet was rendering in UA serif (Times)

Browse Source 
The SPA ships no font files and never set a font-family, so every element fell
back to the browser's serif default (Times) — the landing page read as
"unstyled" even though the brand theme (accent/surface/neutral CSS vars) was
being injected correctly by loadBrandConfig. Set a system sans-serif stack on
html/body (zero bundled assets, crisp on every platform) and force form controls
(button/select/input) to inherit it, since they don't by default.

Verified headless (Chrome channel, 390px): body font-family was "Times" before;
this makes it the system sans stack. Pairs with the prior overflow fix.

Co-authored-by: Hanzo Dev <dev@hanzo.ai>
This commit is contained in:
zeekay
2026-07-18 23:46:52 -07:00
co-authored by Hanzo Dev
parent 5dd2b16022
commit 21986289db
1 changed files with 19 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/index.html
+19
View File
@@ -26,6 +26,25 @@
margin: 0;
padding: 0;
}
/* Global type. The SPA ships no font files and never sets a family, so
without this every element falls back to the UA serif (Times) and the
app reads as unstyled. A system sans-serif stack renders crisp on every
platform with zero bundled assets. Form controls (button/select/input)
don't inherit font by default — force them to. */
html,
body {
font-family:
-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
button,
input,
select,
textarea {
font-family: inherit;
}
</style>
</head>
<body>