Skip to content

design: load D-DIN font to match the STYLE.md spec #2

Description

@HassanAbdullahHere

Problem

style.css sets --font: Arial, Verdana, sans-serif but STYLE.md
specifies D-DIN as the project's signature typeface described as
"industrial geometric" and central to the SpaceX-inspired identity.
Arial is round and generic; it undermines the cinematic aesthetic the
rest of the design is built around.

Proposed fix

Self-host D-DIN as woff2 (it's open source, no CDN needed, keeps the
project's no-external-dependencies rule). Drop the files in assets/
and declare a @font-face in style.css.

Acceptance criteria

  • D-DIN (or a close open-source equivalent) loads from assets/
  • --font custom property updated to reference it
  • No external CDN added
  • Fallback stack kept for environments where the font fails to load

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions