diff options
| author | Adam Soltys <[email protected]> | 2026-09-27 15:07:30 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-09-27 15:07:30 -0700 |
| commit | 9fdbc82fecf17cefed08e8fe1cfee03546d41c5e (patch) | |
| tree | ce7b8255927bf47d303e9a7085cb2b381dc36913 /src | |
| parent | e6035849f9b88bdd8cd665b868bbe121fa77e538 (diff) | |
| download | coinosv3-9fdbc82fecf17cefed08e8fe1cfee03546d41c5e.tar.gz coinosv3-9fdbc82fecf17cefed08e8fe1cfee03546d41c5e.zip | |
Public Sans, the coinos.io face, across the app.
One variable-weight woff2 each for upright and italic (41 KB + 45 KB, OFL),
shipped with the build and precached by the service worker; the system stack
paints first and stays when the file never arrives.
Co-Authored-By: Claude Fable 5.1 <[email protected]>
Claude-Session: https://claude.ai/code/session_01VhUKyXKtsJ67QAFfb7QR9D
Diffstat (limited to 'src')
| -rw-r--r-- | src/style.css | 19 |
1 files changed, 18 insertions, 1 deletions
diff --git a/src/style.css b/src/style.css index 31c0587..1e5a1c7 100644 --- a/src/style.css +++ b/src/style.css @@ -1,3 +1,20 @@ +/* Public Sans, the coinos.io face (OFL, one variable-weight file each way). + font-display swap: the system stack paints first and the face lands when + the file has; offline before the first fetch, the fallback stays. */ +@font-face { + font-family: "Public Sans"; + font-style: normal; + font-weight: 100 900; + font-display: swap; + src: url("/PublicSans.woff2") format("woff2"); +} +@font-face { + font-family: "Public Sans"; + font-style: italic; + font-weight: 100 900; + font-display: swap; + src: url("/PublicSans-Italic.woff2") format("woff2"); +} /* Bitcoin Wallet — hand-rolled CSS. Clean light "paper wallet" look. */ :root { @@ -31,7 +48,7 @@ --radius: 16px; --wash: rgba(247, 147, 26, 0.05); /* warm glow behind the page top */ --mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace; - --sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; + --sans: "Public Sans", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } /* Dark theme — applied via data-theme="dark" on <html>. */ |