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
Ŋ
ŋ
Ō
ō
Ŏ
ŏ
Ő
ő
Œ
œ
Ŕ
ŕ
Ř
ř
Ś
ś
Ŝ
ŝ
Ş
ş
Š
š
Ť
ť
Ŧ
ŧ
Ũ
ũ
Ū
ū
Ŭ
ŭ
Ů
ů
Ű
ű
Ų
ų
Ŵ
ŵ
Ŷ
ŷ
Ÿ
Ź
ź
Ż
ż
Ž
ž
ſ
ˆ
ˇ
˘
˙
˚
˛
˜
˝
̀
́
̃
̉
̣
‗
‘
’
‚
‛
“
”
„
•
․
‥
…
′
″
⁄
€
™
−
∗
∴
∼
≈
≠
≡
×
¼
½
¾