Font family
Work Sans font
Work Sans is a grotesque sans-serif optimized for screen body text, with a generous x-height and slightly condensed forms.
The quick brown fox jumps over the lazy dog 0123456789
Uppercase
Lowercase
Digits
Punctuation
Click any glyph to copy it to your clipboard.
- 100Hamburgevons
- 200Hamburgevons
- 300Hamburgevons
- 400Hamburgevons
- 500Hamburgevons
- 600Hamburgevons
- 700Hamburgevons
- 800Hamburgevons
- 900Hamburgevons
Font Details
- Designer
- Wei Huang
- Foundry
- Unknown
- Source
- Google Fonts
- License
- OFL-1.1
- Category
- sans-serif
- X-height
- high
- Styles
- normal, italic
- Subsets
- latin, latin-ext, vietnamese
- Weights
- 100, 200, 300, 400, 500, 600, 700, 800, 900
- Variable
- Yes
- Popularity
- 79/100
- Tags
- grotesque, ui, readable, body
- wghtmin 100max 900default 400
Character and Use Cases
Work Sans , Work Sans is a grotesque drawn by Wei Huang with Helvetica-like neutrality and a generous x-height. It supplies the calm, legible backbone that dense interfaces need, and its full weight range means one family can carry a whole product without a second face.
Work Sans suits dashboards, documentation, and content-heavy products where neutrality is the point. Its nine-weight variable axis covers body text, labels, and headlines, and the wide apertures keep numerals and lowercase distinct at 13 to 15px. It is the face to reach for when the brief calls for a workhorse rather than a personality.
400 to 500 for body text; 500 to 600 for UI labels and emphasized terms; 700 to 800 for headings. The 100 and 200 weights are brittle below 24px, so keep them to display-size airy moments.
Production Code
Copy-paste into your project. No build step required.
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Work%20Sans:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">Pairings using Work Sans
View allThe art of typography
Good typography is the visible voice of design, quiet when it should be, loud when it must.
PreviewRubik + Work Sans
Rubik headlines over Work Sans body, a friendly modern pairing with excellent screen legibility. Rubik's geometric forms warm up headings; Work Sans's grotesque body sustains reading.
Work Sans as a free alternative
Work Sans appears in our alternatives guides for these commercial fonts. Each guide includes a similarity note and use-case comparison.
Helvetica is the canonical neo-grotesque sans-serif, used ubiquitously in signage and corporate identity. These open-source alternatives approximate its neutral, structured character with varying fidelity.
Compare alternativesFrequently Asked Questions
- Is Work Sans good for accessible interfaces?
- Its letterforms keep lookalikes like 1, l, and I apart and hold a tall x-height, both of which help small text pass readability checks on dense screens.
- How does Work Sans differ from Source Sans 3?
- Work Sans has a more grotesque, neutral skeleton while Source Sans 3 leans humanist with warmer curves. Both are solid for UI body text; pick by the tone of the surrounding design.
Test Work Sans in the playground
Drop Work Sans into the typography playground, mix it with another family, and check contrast on real text.