Skip to content

fix(frontend): display bold text at font weight 700 - #963

Open
dembrane-sam-bot wants to merge 1 commit into
mainfrom
sam/echo-804-display-bold-700
Open

fix(frontend): display bold text at font weight 700#963
dembrane-sam-bot wants to merge 1 commit into
mainfrom
sam/echo-804-display-bold-700

Conversation

@dembrane-sam-bot

Copy link
Copy Markdown
Contributor

What this changes

  • Display bold/strong text everywhere in the app as actual font-weight 700 (bold), rather than light/semibold — index.css, dm-sans.css
  • Replaced the 21KB DMSans-Light.woff2 (which was light-only and restricted rendering of all weights from 100 to 1000 to the light weight) with a 37KB DMSans-Variable.woff2 file that is a complete variable font containing all weights from 100 to 1000 — DMSans-Variable.woff2
  • Bold elements rendered inside SVG/Canvas exports (via the inline data URL in canvas assembly) will now support bold outlines correctly — kit.ts

Refs: ECHO-804
Discussion: https://dembraneworkspace.slack.com/archives/C06JU5TQF0U/p1777881016057999

- Replaced the DMSans-Light.woff2 font file with a full DM Sans variable
  font file (DMSans-Variable.woff2) that natively supports weights from
  100 to 1000.
- Updated the font family's @font-face rule to load the new variable font file.
- Ensured strong and b elements are explicitly rendered at weight 700
  internally and inside markdown (.prose) containers to display as true bold.
- Updated canvas rendering in kit.ts to inline the new variable font file.

Refs: ECHO-804
@linear

linear Bot commented Aug 5, 2026

Copy link
Copy Markdown

ECHO-804

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant