Don't use system-ui for content texts "system-ui" is for UI texts, not for content texts. From now on, controls and labels use system-ui and content texts use --font-content (sans-serif).

Changes

2 changed files (+14/-2)

• embed/static/global.css
  • @@ -2,8 +2,17 @@
    * SPDX-License-Identifier: MIT */ + @font-face { + font-family: "Inter"; + src: + local("InterVariable"), + local("Inter var"), + local("Inter"); + } + :root { - --font-sans: ui-rounded, ui-sans-serif, system-ui, sans-serif; + --font-content: Helvetica, sans-serif; + --font-ui: Inter, system-ui, sans-serif; --font-mono: ui-monospace, monospace; --font-md: 1rem;
  • @@ -78,7 +87,7 @@
    } body { - font-family: var(--font-sans); + font-family: var(--font-content); font-size: var(--font-md); font-weight: var(--font-regular); display: grid;
  • @@ -234,6 +243,7 @@ body {
    margin: calc(-1 * var(--space-lg)); margin-block-start: 0; border-block-start: 1px solid var(--color-border-subtle); + font-family: var(--font-ui); } .repo-nav > a { display: inline-flex;
  • @@ -306,6 +316,7 @@ body {
    margin-block-end: var(--space-xxs); font-size: var(--font-xs); font-weight: var(--font-thick); + font-family: var(--font-ui); color: var(--color-fg-weak); }
• embed/static/repo-tree-ref.css
  • @@ -56,6 +56,7 @@
    grid-area: mode; font-size: var(--font-sm); line-height: 1.1; + font-family: var(--font-ui); color: var(--color-fg-subtle); }