Work Sans
18 styles · Variable
Google Fonts ↗
A grotesque loosely based on early sans serifs, optimised for on-screen text at medium sizes.
- Designer
- Wei Huang
- Styles
- 18 (variable)
- Weights
- 100–900
- Format
- woff2
- File size
- 49 KB (work-sans-latin-wght-normal.woff2)
- Licence
- SIL Open Font License 1.1
- Source
- Google Fonts
Usage
Add the stylesheet to your page, then use the family in your CSS.
<!-- HTML in your document's head --> <link rel="preconnect" href="https://cdn.msar.me"> <link rel="stylesheet" href="https://cdn.msar.me/fonts/work-sans/font.css">
/* CSS */
:root { font-family: 'Work Sans Variable', sans-serif; }Prefer CSS? @import url('https://cdn.msar.me/fonts/work-sans/font.css'); does the same thing.
Letterforms that carry the story
Styles
Morning by the river
Quiet letterforms
Stories for a grey day
Light inside the words
The smell of old books
A city after rain
Set letter by letter
Travellers on a long road
Paper boats afloat
First star of the evening
Morning by the river
Quiet letterforms
Stories for a grey day
Light inside the words
The smell of old books
A city after rain
Set letter by letter
Travellers on a long road
Sample text
Type on a screen has one job before any other: to get out of the reader’s way. A good headline face earns attention in a few words, then hands the reader on to the text without a jolt. Weight, contrast and spacing do that work quietly, long before anyone notices the shapes themselves.
Serving a font well matters as much as drawing it well. A small file, a long cache lifetime and a stylesheet that swaps in without hiding the text are the difference between a page that reads at once and one that makes people wait.