max / alloy
1 file changed,
+13 insertions,
-18 deletions
| @@ -12,20 +12,14 @@ | |||
| 12 | 12 | font-weight: 400; | |
| 13 | 13 | font-display: block; | |
| 14 | 14 | } | |
| 15 | - | @font-face { | |
| 16 | - | font-family: "Iosevka"; | |
| 17 | - | src: url("https://cdn.jsdelivr.net/npm/@fontsource/iosevka@5.2.6/files/iosevka-latin-400-normal.woff2") format("woff2"); | |
| 18 | - | font-weight: 400; | |
| 19 | - | font-style: normal; | |
| 20 | - | font-display: swap; | |
| 21 | - | } | |
| 22 | - | @font-face { | |
| 23 | - | font-family: "Iosevka"; | |
| 24 | - | src: url("https://cdn.jsdelivr.net/npm/@fontsource/iosevka@5.2.6/files/iosevka-latin-600-normal.woff2") format("woff2"); | |
| 25 | - | font-weight: 600; | |
| 26 | - | font-style: normal; | |
| 27 | - | font-display: swap; | |
| 28 | - | } | |
| 15 | + | /* Quasi Mono has no @font-face and no URL on purpose. It is cut from the | |
| 16 | + | checkout by `quasi-type` rather than shipped as a file, and built faces are | |
| 17 | + | not committed anywhere, so there is nothing here to point at. Naming the | |
| 18 | + | family is enough on a machine that has run the pipeline or booted the image; | |
| 19 | + | anywhere else the stack below falls through to the platform mono, and the | |
| 20 | + | page degrades into an honest approximation rather than a wrong picture in a | |
| 21 | + | face the running system does not have. This is also what makes the page | |
| 22 | + | render with no network. */ | |
| 29 | 23 | ||
| 30 | 24 | /* ------- Tokens (light mode canonical) ------- */ | |
| 31 | 25 | :root { | |
| @@ -49,8 +43,8 @@ | |||
| 49 | 43 | --accent-syntax: oklch(55% 0.18 310); | |
| 50 | 44 | ||
| 51 | 45 | /* Typography */ | |
| 52 | - | --font-mono-working: "Iosevka", ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace; | |
| 53 | - | --font-mono-display: "Departure Mono", "Iosevka", ui-monospace, monospace; | |
| 46 | + | --font-mono-working: "Quasi Mono", ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace; | |
| 47 | + | --font-mono-display: "Departure Mono", "Quasi Mono", ui-monospace, monospace; | |
| 54 | 48 | --size-caption: 12px; | |
| 55 | 49 | --size-body: 14px; | |
| 56 | 50 | --size-section-header: 16px; | |
| @@ -723,10 +717,11 @@ | |||
| 723 | 717 | <!-- ============================================================== --> | |
| 724 | 718 | <section> | |
| 725 | 719 | <h2>2. Typography — two fonts, two roles</h2> | |
| 726 | - | <p class="desc">Iosevka for anything authored or read. Departure Mono for anything <em>displayed as a readout</em>. The seam between them is where the mil-spec register lives.</p> | |
| 720 | + | <p class="desc">Quasi Mono for anything authored or read. Departure Mono for anything <em>displayed as a readout</em>. The seam between them is where the mil-spec register lives.</p> | |
| 721 | + | <p class="desc">The two faces are not interchangeable and the split is not taste. Quasi Mono is the house face the image installs and the only one fontconfig routes the generic monospace family to, and it covers every codepoint Alloy's surfaces emit. Departure is the brand mark, deliberately absent from the image, and it is short five of those eighteen — four of them starship and helix prompt furniture. So a surface that runs gets Quasi Mono; Departure is for headers, plates and readouts, which is exactly what this page shows it doing.</p> | |
| 727 | 722 | <div class="type-grid"> | |
| 728 | 723 | <div class="type-block"> | |
| 729 | - | <div class="role">Working — Iosevka</div> | |
| 724 | + | <div class="role">Working — Quasi Mono</div> | |
| 730 | 725 | <div class="working-line" style="font-size: 20px; font-weight: 600"><span class="anno">title 20/600</span>Schedule a maintenance window</div> | |
| 731 | 726 | <div class="working-line" style="font-size: 16px; font-weight: 600"><span class="anno">header 16/600</span>Connected interfaces</div> | |
| 732 | 727 | <div class="working-line" style="font-size: 14px; font-weight: 400"><span class="anno">body 14/400</span>The relay station reports nominal voltage across all three phases.</div> |