Josefin Sans

Classification

Geometric Sans

Font Technology

Variable Font with 1 axis
Weight (wght): 100–700

How To Use Josefin Sans

To use Josefin Sans 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 Josefin Sans
@font-face {
  font-family: 'Josefin Sans';
  src: url('<YOUR SERVER PATH>JosefinSans[wght].ttf') format(woff2);
  font-weight: 100 700;
  font-stretch: 100%;
  font-style: normal;
}

@font-face {
  font-family: 'Josefin Sans';
  src: url('<YOUR SERVER PATH>JosefinSans-Italic[wght].ttf') format(woff2);
  font-weight: 100 700;
  font-stretch: 100%;
  font-style: italic;
}

Description

The idea of this typeface is to be geometric, elegant, with a vintage feeling, for use at larger sizes. It is inspired by geometric sans serif designs from the 1920s. The x-height is half way from baseline to cap height, an unusual proportion. There is a sister family, Josefin Slab In December 2019, it was updated with a Variable Font "Weight" axis. To contribute, see github.com/googlefonts/josefinsans .

Designer

Santiago Orozco
Santiago Orozco is a type designer and engineer, based in Monterrey, Nuevo León, México. With a background in computer science at the University of Monterrey (UDEM), he found himself at the intersection between design and technology. In 2009, he Founded Typemade Foundry, and now specializes in type design, font production, and type technology.

Copyright

Copyright 2010 The Josefin Sans Project Authors (https://github.com/ThomasJockin/JosefinSansFont-master), with Reserved Font Name \

OpenType Features

Discretionary ligatures
Fractions
Standard ligatures
Ordinals
Superscript
Slashed Zero

Related Fonts

Poiret One
Figtree
Teachers
Krona One
Geo
Afacad
MuseoModerno
Gabarito
Parkinsans
Questrial
Josefin Sans 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.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Arbitrary Fractions
diagonal-fractions
1/2 1/3 2/3 3/4 5/8 15/16 1234/5678
Discretionary ligatures
default css
font-feature-settings: "dlig" 1
ffij
ffij
fij
fij
Fractions
default css
font-feature-settings: "frac" 1
1/4
1/4
1/2
1/2
3/4
3/4
Standard ligatures
font-variant-ligatures: none
font-feature-settings: "liga" 1
ffi
ffi
ffl
ffl
ff
ff
fi
fi
fl
fl
Ordinals
default css
font-feature-settings: "ordn" 1
No.
No.
1a
1a
2o
2o
Slashed Zero
default css
font-feature-settings: "zero" 1
0
0
Josefin Sans italic
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.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Arbitrary Fractions
diagonal-fractions
1/2 1/3 2/3 3/4 5/8 15/16 1234/5678
Fractions
default css
font-feature-settings: "frac" 1
1/4
1/4
1/2
1/2
3/4
3/4
Standard ligatures
font-variant-ligatures: none
font-feature-settings: "liga" 1
fi
fi
fl
fl