WF Visual Sans is a variable font that takes cues from geometric standards like ITC Avant Garde and Futura, while offering a wider range of styles, and a lower stroke contrast. Its elegant plainness allows it to move effortlessly between being a central design element to playing a supporting role in smaller copy.
WF Visual Sans is a work in progress. Jump into the #wf-visual-sans slack channel to submit your bugs or dreams.
The OpenType features built into WF Visual Sans allow easier access to alternate glyphs and symbols, more custom typesetting, and wider language support.
ss03
Quiet Rook
Replaces letters which were drawn for display sizes for more legible text skeletons
ss06
(1) (A) [2] [B]
Replaces figures and letters which are surrounded by parens or brackets circles and squares
ss02
0123456789
Replaces figures which were drawn for display sizes for more legible text skeletons
ss01
Gravitational
Replaces the single story a with a two story a
case
A @ B - C — D : E ->
Replaces a glyphs drawn for lowercase or sentence case with glyphs better suited to cap-height letters and figures.
liga
figs -> => <->
Traditional ligatures are used to connect characters or smooth out texture for letter pairs like fi or fl. Ours do that, in addition to some nice looking arrows.
frac
1/3 3/4 1/5 1337/591038
Dynamically convert groups of numbers which are divided by a slash into fractions.
As a variable font, all the font styles and features of WF Visual Sans are packaged into one file. Variable fonts don't just give you access to all the weights and optical sizes that sit between each static instance. They also include intelligent optical size adjustments. Drag the optical size slider and watch as characters like Q, a, and R change their drawings to more legible versions.
WF Visual Sans' character set is large and getting bigger. Its language support currently suits latin and cyrillic best. Click on a glyph to copy it to your clipboard.
If you're in Figma, the latest version of WF Visual Sans is already installed and ready for your use. Checkout the Brand 2.0 styles for how the brand team is putting it to use. If you’re using it on the web, it gets a bit more tricky. Here are some options:
For the latest variable webfont (also available in woff and ttf):
Our web team uses 5 instances of the font, exported as woff2 files. These fonts are missing some of the intelligence and nuance of the variable fonts, but are totally usable for most cases.
Download the web essentials ->