Character Maps Implemented

character maps Sebastien Slab slab serif

We've always known that we'd need an efficient way to display all the amazing glyphs we've been able to build for each of our amazing fonts.

Finally, we've found a solution that allows us to display a huge map of characters using CSS.

Along the way, we also discovered several small errors, and have updated a few of our fonts accordingly.

Check out a sample character map below, from our brand new Sebastien Slab Regular typeface. This character map has been generated entirely using CSS, this is not Photoshop!

- Dan, OSFC

Sebastien Slab

!
"
#
$
%
&
'
(
)
*
+
,
-
.
/
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
{
|
}
~
¡
¢
£
¦
§
¨
©
ª
«
¬
®
¯
°
±
´
µ
·
¸
º
»
¿
À
Á
Â
Ã
Ä
Å
Æ
Ç
È
É
Ê
Ë
Ì
Í
Î
Ï
Ð
Ñ
Ò
Ó
Ô
Õ
Ö
Ø
Ù
Ú
Û
Ü
Ý
Þ
à
á
â
ã
ä
å
æ
ç
è
é
ê
ë
ì
í
î
ï
ð
ñ
ò
ó
ô
õ
ö
÷
ø
ù
ú
û
ü
ý
þ
ÿ
Ā
ā
Ă
ă
Ą
ą
Ć
ć
Ĉ
ĉ
Ċ
ċ
Č
č
Ď
ď
Đ
đ
Ē
ē
Ĕ
ĕ
Ė
ė
Ę
ę
Ě
ě
Ĝ
ĝ
Ğ
ğ
Ġ
ġ
Ĥ
ĥ
Ħ
ħ
Ĩ
ĩ
Ī
ī
Ĭ
ĭ
Į
į
İ
ı
Ĵ
ĵ
ĸ
Ĺ
ĺ
Ľ
ľ
Ŀ
ŀ
Ł
ł
Ń
ń
Ň
ň
ʼn
Ŋ
ŋ
Ō
ō
Ŏ
ŏ
Ő
ő
Œ
œ
Ŕ
ŕ
Ř
ř
Ś
ś
Ŝ
ŝ
Ş
ş
Š
š
Ť
ť
Ŧ
ŧ
Ũ
ũ
Ū
ū
Ŭ
ŭ
Ů
ů
Ű
ű
Ų
ų
Ŵ
ŵ
Ŷ
ŷ
Ÿ
Ź
ź
Ż
ż
Ž
ž
ſ
ˆ
ˇ
˘
˙
˚
˛
˜
˝
̀
́
̃
̉
̣
×
¼
½
¾

Share this post

Check out our work on Instagram

BEFORE YOU GO

Want 20% off your first order? Limited time offer.

I'm okay with paying full price.