About Josefin Slab

Creator:

License: SIL Open Font License, 1.1

Josefin Slab was the first typeface–at least in my mind–I designed! But I decided to start simple with Josefin Sans. Following the 1930s trend for geometric typefaces, it just came to me that something between Kabel and Memphis with modern details will look great.

I wanted to stick to the idea of Scandinavian style, so I put a lot of attention to the diacritics, especially to "æ" which has loops connecting in a continuous way, so the "e" slope was determined by this character.

It also has some typewriter style attributes, because I've liked the Letter Gothic typeface since I was in high school, and that's why I decided to make a Slab version of Josefin Sans.

!
"
#
$
%
&
'
(
)
*
+
,
-
.
/
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 Josefin Slab 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=Josefin+Slab' 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: 'Josefin Slab', 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 Josefin Slab 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
JosefinSlab-700Italic.ttf
Download TTF
JosefinSlab-700.ttf
Download TTF
JosefinSlab-100.ttf
Download TTF
JosefinSlab-600.ttf
Download TTF
JosefinSlab-Italic.ttf
Download TTF
JosefinSlab-300Italic.ttf
Download TTF
JosefinSlab-100Italic.ttf
Download TTF
JosefinSlab-Regular.ttf
Download TTF
JosefinSlab-300.ttf
Download TTF
JosefinSlab-600Italic.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.