Heal the Web

Experimental geometric face evoking circuits and networks; commissioned by Mozilla.

Font settings

Weight400

These settings in CSS

.heal-the-web {
  font-family: "Heal the Web", sans-serif;
}

Waterfall

The quick brown fox jumps over the lazy dog

Character set

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

!@#$%&*()[]{}<>,.;:'"?/—–-+=

Paragraph

Typography is the craft of endowing human language with a durable visual form. It shapes how words are read, felt and remembered — from wayfinding on a station platform to the small print of a contract. Good type disappears into reading; great type gives a voice to the text.

Install

Self-host

Download the font files from healtheweb.site and serve them yourself:

Declare with @font-face

@font-face {
  font-family: "Heal the Web";
  src: url("/fonts/heal-the-web.woff2") format("woff2");
  font-display: swap;
}

Details

Designer: Rainbow Unicorn & Jakub Kanior
Foundry: Rainbow Unicorn
Licence: MPL-2.0
Format: Variable (Display + Body versions)