About Josefin Sans

Creator:

License: SIL Open Font License, 1.1

The idea for creating this typeface was to make it geometric, elegant and kind of vintage, especially for titling. It is inspired by Rudolf Koch's Kabel (1927), Rudolf Wolf's Memphis (1930), Paul Renner's Futura (1927).

My idea was to draw something with good style, that reflects Swedish design and their passion for a good lifestyle, and by default all other Scandinavian styles.

Something weird happened when I drew the letter "z": when I took my typography courses in college, I saw a very interesting typeface in a book, the New Universal Typeface "Newut" from André Baldinger (which I have loved since then), and after I finished the "z" I ran into Newut' site again and noticed that I had unconsciously drawn it with the same haircut.

The x-height is half way from baseline to caps height, unlike any other modern typeface.

I wanted to do something different with the ampersand, so I made three and will include them as alternates in future versions. This version also includes Old Style Numerals.

There is a sister family, Josefin Slab.

Updated August 2014: Completely redesigned and extended with Extended Latin support for many more European languages.

The previous version of Josefin Sans included Extended Latin characters in the Latin subset. If you are experiencing problems, please select the Extended Latin (latin-ext) subset to render all European languages correctly. Here is an example of a complete link tag that selects these subsets:

<link href='http://fonts.googleapis.com/css?family=Josefin+Sans&subset=latin,latin-ext' rel='stylesheet' type='text/css'>

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