Skip to content
FontsNotoIconsKnowledgeFAQ

Wavefont

About

Wavefont is a variable font with Weight, Round, and Vertical Alignment axes for rendering data like waveforms, spectrums, diagrams, and bars.

Wavefont bars correspond to values from 0 to 100, assigned to different characters:

  • 0-9 chars are for simplified manual input with step 10 (bar height = number).
  • a-z/A-Z for manual input with step 2, softened at edges a and Z (bar height = number of letter).
  • U+0100-017F for 0..127 values with step 1.

letter-spacing CSS property with ch units is useful to adjust distance between bars, 1ch === 1 bar width.

To contribute, see github.com/dy/wavefont

Designer

Based in Montreal, Dmitry Ivanov is open source and audio software enthusiast, author of open-source organizations audiojs, colorjs and projects such as subscript, lino and others. He developed special purpose audio-vis fonts such as Wavefont, Linefont and others.

Github | Twitter

Choosing type

When you have some text, how can you choose a typeface? Many people—professional designers included—go through an app’s font menu until we find one we like. But the aim of this Google Fonts Knowledge module is to show that there are many considerations that can improve our type choices. By setting some useful constraints to aid our type selection, we can also develop a critical eye for analyzing type along the way.

Wavefont - Google Fonts