About Bitter

Creator:

License: SIL Open Font License, 1.1

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 my love for the pixel I 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 is thicker than a normal ‘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, especially important for web font use since most browsers do not currently support this feature.

Designed by Sol Matas for Huerta Tipográfica

!
"
#
$
%
&
'
(
)
*
+
,
-
.
/
0
1
2
3
4
5
6
7
8
9
:
;
<
=
>
?
@
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
[
\
]
^
_
`
a
b
c
d
e
f
g
h
i
j
k
l
m
n
o
p
q
r
s
t
u
v
w
x
y
z

Use on the Web

The Bitter webfont is available for use on the web via the Google Fonts API.

1. Add this code to your website:

<link href='https://fonts.googleapis.com/css?family=Bitter' rel='stylesheet' type='text/css'>

Instructions: To embed this font into your web page, copy this code into the <head> of your HTML document.

2. Integrate the font into your CSS:

font-family: 'Bitter', Arial, sans-serif;

Instructions: Add the font name to your CSS selector just as you'd do normally with any other font.

Use in Desktop Software

The Bitter font has been extracted from the Google Fonts API for use in desktop software.

1. Download the font file in your desired style:

Download TTF
Bitter-Regular.ttf
Download TTF
Bitter-700.ttf
Download TTF
Bitter-Italic.ttf
Note: As these fonts come directly from the Google servers, they will need to be renamed.

2. Install to your computer

  • For Windows 10/8/7/Vista
    Right-click the font file then click the "Install" menu option.

  • For Mac OS xx 10.3 or above
    Double-click the font file then click the "Install Font" button at the bottom of the preview.