Josefin sans
Download free Josefin sans font for website or Photoshop
Bold
BoldItalic
SemiBold
SemiBoldItalic
Regular
Italic
Light
LightItalic
Thin
ThinItalic
Typography
Aa
91
Characters
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Numbers
1234567890`?'"!(%)[#]{@}/&\<-+^*>|$~
Typescale
H1 - Display 01
H2 - Display 02
H3 - Headline
H4 - Subhead
H5 - Body
H6 - Body small
@font-face {
font-family: "JosefinSansBold";
src: url("../fonts/JosefinSans/JosefinSansBold/JosefinSansBold.eot");
src: url("../fonts/JosefinSans/JosefinSansBold/JosefinSansBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/JosefinSans/JosefinSansBold/JosefinSansBold.woff") format("woff"),
url("../fonts/JosefinSans/JosefinSansBold/JosefinSansBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "JosefinSansBoldItalic";
src: url("../fonts/JosefinSans/JosefinSansBoldItalic/JosefinSansBoldItalic.eot");
src: url("../fonts/JosefinSans/JosefinSansBoldItalic/JosefinSansBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/JosefinSans/JosefinSansBoldItalic/JosefinSansBoldItalic.woff") format("woff"),
url("../fonts/JosefinSans/JosefinSansBoldItalic/JosefinSansBoldItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "JosefinSansSemiBold";
src: url("../fonts/JosefinSans/JosefinSansSemiBold/JosefinSansSemiBold.eot");
src: url("../fonts/JosefinSans/JosefinSansSemiBold/JosefinSansSemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/JosefinSans/JosefinSansSemiBold/JosefinSansSemiBold.woff") format("woff"),
url("../fonts/JosefinSans/JosefinSansSemiBold/JosefinSansSemiBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "JosefinSansSemiBoldItalic";
src: url("../fonts/JosefinSans/JosefinSansSemiBoldItalic/JosefinSansSemiBoldItalic.eot");
src: url("../fonts/JosefinSans/JosefinSansSemiBoldItalic/JosefinSansSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/JosefinSans/JosefinSansSemiBoldItalic/JosefinSansSemiBoldItalic.woff") format("woff"),
url("../fonts/JosefinSans/JosefinSansSemiBoldItalic/JosefinSansSemiBoldItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "JosefinSansRegular";
src: url("../fonts/JosefinSans/JosefinSansRegular/JosefinSansRegular.eot");
src: url("../fonts/JosefinSans/JosefinSansRegular/JosefinSansRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/JosefinSans/JosefinSansRegular/JosefinSansRegular.woff") format("woff"),
url("../fonts/JosefinSans/JosefinSansRegular/JosefinSansRegular.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "JosefinSansItalic";
src: url("../fonts/JosefinSans/JosefinSansItalic/JosefinSansItalic.eot");
src: url("../fonts/JosefinSans/JosefinSansItalic/JosefinSansItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/JosefinSans/JosefinSansItalic/JosefinSansItalic.woff") format("woff"),
url("../fonts/JosefinSans/JosefinSansItalic/JosefinSansItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "JosefinSansLight";
src: url("../fonts/JosefinSans/JosefinSansLight/JosefinSansLight.eot");
src: url("../fonts/JosefinSans/JosefinSansLight/JosefinSansLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/JosefinSans/JosefinSansLight/JosefinSansLight.woff") format("woff"),
url("../fonts/JosefinSans/JosefinSansLight/JosefinSansLight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "JosefinSansLightItalic";
src: url("../fonts/JosefinSans/JosefinSansLightItalic/JosefinSansLightItalic.eot");
src: url("../fonts/JosefinSans/JosefinSansLightItalic/JosefinSansLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/JosefinSans/JosefinSansLightItalic/JosefinSansLightItalic.woff") format("woff"),
url("../fonts/JosefinSans/JosefinSansLightItalic/JosefinSansLightItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "JosefinSansThin";
src: url("../fonts/JosefinSans/JosefinSansThin/JosefinSansThin.eot");
src: url("../fonts/JosefinSans/JosefinSansThin/JosefinSansThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/JosefinSans/JosefinSansThin/JosefinSansThin.woff") format("woff"),
url("../fonts/JosefinSans/JosefinSansThin/JosefinSansThin.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "JosefinSansThinItalic";
src: url("../fonts/JosefinSans/JosefinSansThinItalic/JosefinSansThinItalic.eot");
src: url("../fonts/JosefinSans/JosefinSansThinItalic/JosefinSansThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/JosefinSans/JosefinSansThinItalic/JosefinSansThinItalic.woff") format("woff"),
url("../fonts/JosefinSans/JosefinSansThinItalic/JosefinSansThinItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}