Joan

Classification

Humanist Venetian Serif

Font Technology

Static font
1 weight, 1 style

How To Use Joan

To use Joan 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 Joan
@font-face {
  font-family: 'Joan';
  src: url('<YOUR SERVER PATH>Joan-Regular.ttf') format(woff2);
  font-weight: 400;
  font-style: normal;
}

Description

Inspired by the roman cut by Francesco Griffo, it is a tribute to the Italian style, a model to follow even in the 15th century. Joan is characterized by neat serifs as well as sharp terminals and is intended for books and magazines. At the moment, only the roman is available. The italic variant is under development. To contribute, see github.com/PaoloBiagini/Joan .

Designer

Paolo Biagini
Based in Italy, book and type lover, Paolo Biagini currently works as ui/ux designer. Fond of coding, he has also published several plugins for Adobe XD.

Copyright

Copyright 2021 The Joan Project Authors (https://github.com/PaoloBiagini/Joan)

OpenType Features

Caps to small caps
Contextual alternates
Case-sensitive Forms
Discretionary ligatures
Fractions
Standard ligatures
Lining figures
Ordinals
Stylistic alternates
Small caps
Stylistic set 1
Stylistic set 10
Subscript
Superscript
Tabular numbers
Slashed Zero

Related Fonts

Rakkas
Ancizar Serif
Monomakh
Ovo
Neuton
Alegreya
Alegreya SC
Rosarivo
Paprika
Almendra
Joan 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.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Numerals
lining-nums;
tabular-nums
0123456789 0123456789
0123456789 0123456789
Arbitrary Fractions
diagonal-fractions
1/2 1/3 2/3 3/4 5/8 15/16 1234/5678
Small caps
small-caps
abcdefghijklmnopqrstuvwxyz
Caps to small caps
'c2sc' 1
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Discretionary ligatures
default css
font-feature-settings: "dlig" 1
ct
ct
sp
sp
st
st
Fractions
default css
font-feature-settings: "frac" 1
/
/
0
0
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
Standard ligatures
font-variant-ligatures: none
font-feature-settings: "liga" 1
TT
TT
Th
Th
fffl
fffl
ffb
ffb
ffh
ffh
ffi
ffi
ffj
ffj
ffk
ffk
ffl
ffl
fft
fft
fb
fb
ff
ff
fh
fh
fi
fi
fj
fj
fk
fk
fl
fl
ft
ft
ſſb
ſſb
ſſh
ſſh
ſſi
ſſi
ſſj
ſſj
ſſk
ſſk
ſſl
ſſl
ſſt
ſſt
ſb
ſb
ſh
ſh
ſi
ſi
ſj
ſj
ſk
ſk
ſl
ſl
ſſ
ſſ
ſt
ſt
tf
tf
tſ
tſ
Ordinals
default css
font-feature-settings: "ordn" 1
No.
No.
1a
1a
2o
2o
Stylistic alternates
default css
font-feature-settings: "salt" 1
K
K
Ķ
Ķ
Q
Q
R
R
Ŕ
Ŕ
Ř
Ř
Ŗ
Ŗ
Y
Y
Ý
Ý
Ŷ
Ŷ
Ÿ
Ÿ
Ỳ
Ỳ
Ȳ
Ȳ
Ỹ
Ỹ
Z
Z
Ź
Ź
Ž
Ž
Ẑ
Ẑ
Ż
Ż
ʀ
ʀ
ʏ
ʏ
Stylistic set 1:
ss01
default css
font-feature-settings: "ss01" 1
K
K
Ķ
Ķ
Q
Q
R
R
Ŕ
Ŕ
Ř
Ř
Ŗ
Ŗ
Y
Y
Ý
Ý
Ŷ
Ŷ
Ÿ
Ÿ
Ỳ
Ỳ
Ȳ
Ȳ
Ỹ
Ỹ
Z
Z
Ź
Ź
Ž
Ž
Ẑ
Ẑ
Ż
Ż
ʀ
ʀ
ʏ
ʏ
Stylistic set 10:
ss10
default css
font-feature-settings: "ss10" 1
A
A
B
B
C
C
D
D
E
E
F
F
G
G
H
H
I
I
J
J
K
K
L
L
M
M
N
N
O
O
P
P
Q
Q
R
R
S
S
T
T
U
U
V
V
W
W
X
X
Y
Y
Z
Z
ʙ
ʙ
ɢ
ɢ
ʜ
ʜ
ɪ
ɪ
ʟ
ʟ
ɴ
ɴ
ʀ
ʀ
ʏ
ʏ
Tabular numbers
default css
font-feature-settings: "tnum" 1
0
0
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
Slashed Zero
default css
font-feature-settings: "zero" 1
0
0