Wavefont

Font Technology

Variable Font with 3 axes

ROND (ROND): 0–100

YELA (YELA): -100–100

Weight (wght): 4–1000

How To Use Wavefont

To use Wavefont in your web project, either search Google Fonts and use their embed code or host the font on your server and use the CSS below. Note: fonts served by Google Fonts may be missing some OpenType features that are available in the original font.

Download Wavefont

@font-face {
  font-family: 'Wavefont';
  src: url('<YOUR SERVER PATH>Wavefont[ROND,YELA,wght].ttf') format(woff2);
  font-weight: 4 1000;
  font-stretch: 100%;
  font-style: normal;
}

Description

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

Dmitry Ivanov

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.

Copyright

Related Fonts

Font Size

ROND

YELA

Weight

Wavefont regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.