Jost
Download free Jost font for website or Photoshop
Thin
ExtraLight
Light
Regular
Medium
SemiBold
Bold
ExtraBold
Black
ThinItalic
ExtraLightItalic
LightItalic
Italic
MediumItalic
SemiBoldItalic
BoldItalic
ExtraBoldItalic
BlackItalic
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: "JostThin";
src: url("../fonts/Jost/JostThin/JostThin.eot");
src: url("../fonts/Jost/JostThin/JostThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/Jost/JostThin/JostThin.woff") format("woff"),
url("../fonts/Jost/JostThin/JostThin.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "JostExtraLight";
src: url("../fonts/Jost/JostExtraLight/JostExtraLight.eot");
src: url("../fonts/Jost/JostExtraLight/JostExtraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/Jost/JostExtraLight/JostExtraLight.woff") format("woff"),
url("../fonts/Jost/JostExtraLight/JostExtraLight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "JostLight";
src: url("../fonts/Jost/JostLight/JostLight.eot");
src: url("../fonts/Jost/JostLight/JostLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/Jost/JostLight/JostLight.woff") format("woff"),
url("../fonts/Jost/JostLight/JostLight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "JostRegular";
src: url("../fonts/Jost/JostRegular/JostRegular.eot");
src: url("../fonts/Jost/JostRegular/JostRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/Jost/JostRegular/JostRegular.woff") format("woff"),
url("../fonts/Jost/JostRegular/JostRegular.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "JostMedium";
src: url("../fonts/Jost/JostMedium/JostMedium.eot");
src: url("../fonts/Jost/JostMedium/JostMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/Jost/JostMedium/JostMedium.woff") format("woff"),
url("../fonts/Jost/JostMedium/JostMedium.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "JostSemiBold";
src: url("../fonts/Jost/JostSemiBold/JostSemiBold.eot");
src: url("../fonts/Jost/JostSemiBold/JostSemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/Jost/JostSemiBold/JostSemiBold.woff") format("woff"),
url("../fonts/Jost/JostSemiBold/JostSemiBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "JostBold";
src: url("../fonts/Jost/JostBold/JostBold.eot");
src: url("../fonts/Jost/JostBold/JostBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/Jost/JostBold/JostBold.woff") format("woff"),
url("../fonts/Jost/JostBold/JostBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "JostExtraBold";
src: url("../fonts/Jost/JostExtraBold/JostExtraBold.eot");
src: url("../fonts/Jost/JostExtraBold/JostExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/Jost/JostExtraBold/JostExtraBold.woff") format("woff"),
url("../fonts/Jost/JostExtraBold/JostExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "JostBlack";
src: url("../fonts/Jost/JostBlack/JostBlack.eot");
src: url("../fonts/Jost/JostBlack/JostBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/Jost/JostBlack/JostBlack.woff") format("woff"),
url("../fonts/Jost/JostBlack/JostBlack.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "JostThinItalic";
src: url("../fonts/Jost/JostThinItalic/JostThinItalic.eot");
src: url("../fonts/Jost/JostThinItalic/JostThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/Jost/JostThinItalic/JostThinItalic.woff") format("woff"),
url("../fonts/Jost/JostThinItalic/JostThinItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "JostExtraLightItalic";
src: url("../fonts/Jost/JostExtraLightItalic/JostExtraLightItalic.eot");
src: url("../fonts/Jost/JostExtraLightItalic/JostExtraLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/Jost/JostExtraLightItalic/JostExtraLightItalic.woff") format("woff"),
url("../fonts/Jost/JostExtraLightItalic/JostExtraLightItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "JostLightItalic";
src: url("../fonts/Jost/JostLightItalic/JostLightItalic.eot");
src: url("../fonts/Jost/JostLightItalic/JostLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/Jost/JostLightItalic/JostLightItalic.woff") format("woff"),
url("../fonts/Jost/JostLightItalic/JostLightItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "JostItalic";
src: url("../fonts/Jost/JostItalic/JostItalic.eot");
src: url("../fonts/Jost/JostItalic/JostItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/Jost/JostItalic/JostItalic.woff") format("woff"),
url("../fonts/Jost/JostItalic/JostItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "JostMediumItalic";
src: url("../fonts/Jost/JostMediumItalic/JostMediumItalic.eot");
src: url("../fonts/Jost/JostMediumItalic/JostMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/Jost/JostMediumItalic/JostMediumItalic.woff") format("woff"),
url("../fonts/Jost/JostMediumItalic/JostMediumItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "JostSemiBoldItalic";
src: url("../fonts/Jost/JostSemiBoldItalic/JostSemiBoldItalic.eot");
src: url("../fonts/Jost/JostSemiBoldItalic/JostSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/Jost/JostSemiBoldItalic/JostSemiBoldItalic.woff") format("woff"),
url("../fonts/Jost/JostSemiBoldItalic/JostSemiBoldItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "JostBoldItalic";
src: url("../fonts/Jost/JostBoldItalic/JostBoldItalic.eot");
src: url("../fonts/Jost/JostBoldItalic/JostBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/Jost/JostBoldItalic/JostBoldItalic.woff") format("woff"),
url("../fonts/Jost/JostBoldItalic/JostBoldItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "JostExtraBoldItalic";
src: url("../fonts/Jost/JostExtraBoldItalic/JostExtraBoldItalic.eot");
src: url("../fonts/Jost/JostExtraBoldItalic/JostExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/Jost/JostExtraBoldItalic/JostExtraBoldItalic.woff") format("woff"),
url("../fonts/Jost/JostExtraBoldItalic/JostExtraBoldItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "JostBlackItalic";
src: url("../fonts/Jost/JostBlackItalic/JostBlackItalic.eot");
src: url("../fonts/Jost/JostBlackItalic/JostBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/Jost/JostBlackItalic/JostBlackItalic.woff") format("woff"),
url("../fonts/Jost/JostBlackItalic/JostBlackItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}