Bitter

Variable Font with 1 axis

Weight (wght): 100–900

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

@font-face {
  font-family: 'Bitter';
  src: url('<YOUR SERVER PATH>Bitter-Italic[wght].ttf') format(woff2);
  font-weight: 100 900;
  font-stretch: 100%;
  font-style: italic;
}

People read and interact with text on screens more and more each day. What happens on screen ends up being more important than what comes out of the printer. With the accelerating popularity of electronic books, type designers are working hard to seek out the ideal designs for reading on screen. Motivated by her love for the pixel, Sol Matas designed Bitter. A "contemporary" slab serif typeface for text, it is specially designed for comfortably reading on any computer or device. The robust design started from the austerity of the pixel grid, based on rational rather than emotional principles. It combines the large x-heights and legibility of the humanistic tradition with subtle characteristics in the characters that inject a certain rhythm to flowing texts. Bitter has little variation in stroke weight and the Regular style is thicker than a usual ‘Regular’ style for print design. This generates an intense color in paragraphs, accentuated by the serifs that are as thick as strokes with square terminals. Each glyph is carefully designed with an excellent curve quality added to the first stage of the design, that was entirely made in a pixel grid. The typeface is balanced and manually spaced to use very few kerning pairs. To contribute, see github.com/solmatas/BitterPro .

Sol Matas

Caps to small caps

Contextual alternates

Case-sensitive Forms

Discretionary ligatures

Fractions

Standard ligatures

Lining figures

Oldstyle figures

Ordinals

Proportional numbers

Small caps

Stylistic set 1

Subscript

Superscript

Tabular numbers

Slashed Zero