Datatype
Download free Datatype font for website or Photoshop
Thin
ExtraLight
Light
Regular
Medium
SemiBold
Bold
ExtraBold
Black
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: "DatatypeThin";
src: url("../fonts/Datatype/DatatypeThin/DatatypeThin.eot");
src: url("../fonts/Datatype/DatatypeThin/DatatypeThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/Datatype/DatatypeThin/DatatypeThin.woff") format("woff"),
url("../fonts/Datatype/DatatypeThin/DatatypeThin.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "DatatypeExtraLight";
src: url("../fonts/Datatype/DatatypeExtraLight/DatatypeExtraLight.eot");
src: url("../fonts/Datatype/DatatypeExtraLight/DatatypeExtraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/Datatype/DatatypeExtraLight/DatatypeExtraLight.woff") format("woff"),
url("../fonts/Datatype/DatatypeExtraLight/DatatypeExtraLight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "DatatypeLight";
src: url("../fonts/Datatype/DatatypeLight/DatatypeLight.eot");
src: url("../fonts/Datatype/DatatypeLight/DatatypeLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/Datatype/DatatypeLight/DatatypeLight.woff") format("woff"),
url("../fonts/Datatype/DatatypeLight/DatatypeLight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "DatatypeRegular";
src: url("../fonts/Datatype/DatatypeRegular/DatatypeRegular.eot");
src: url("../fonts/Datatype/DatatypeRegular/DatatypeRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/Datatype/DatatypeRegular/DatatypeRegular.woff") format("woff"),
url("../fonts/Datatype/DatatypeRegular/DatatypeRegular.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "DatatypeMedium";
src: url("../fonts/Datatype/DatatypeMedium/DatatypeMedium.eot");
src: url("../fonts/Datatype/DatatypeMedium/DatatypeMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/Datatype/DatatypeMedium/DatatypeMedium.woff") format("woff"),
url("../fonts/Datatype/DatatypeMedium/DatatypeMedium.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "DatatypeSemiBold";
src: url("../fonts/Datatype/DatatypeSemiBold/DatatypeSemiBold.eot");
src: url("../fonts/Datatype/DatatypeSemiBold/DatatypeSemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/Datatype/DatatypeSemiBold/DatatypeSemiBold.woff") format("woff"),
url("../fonts/Datatype/DatatypeSemiBold/DatatypeSemiBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "DatatypeBold";
src: url("../fonts/Datatype/DatatypeBold/DatatypeBold.eot");
src: url("../fonts/Datatype/DatatypeBold/DatatypeBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/Datatype/DatatypeBold/DatatypeBold.woff") format("woff"),
url("../fonts/Datatype/DatatypeBold/DatatypeBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "DatatypeExtraBold";
src: url("../fonts/Datatype/DatatypeExtraBold/DatatypeExtraBold.eot");
src: url("../fonts/Datatype/DatatypeExtraBold/DatatypeExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/Datatype/DatatypeExtraBold/DatatypeExtraBold.woff") format("woff"),
url("../fonts/Datatype/DatatypeExtraBold/DatatypeExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "DatatypeBlack";
src: url("../fonts/Datatype/DatatypeBlack/DatatypeBlack.eot");
src: url("../fonts/Datatype/DatatypeBlack/DatatypeBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/Datatype/DatatypeBlack/DatatypeBlack.woff") format("woff"),
url("../fonts/Datatype/DatatypeBlack/DatatypeBlack.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}