Darker Grotesque
Download free Darker Grotesque font for website or Photoshop
Black
ExtraBold
Bold
SemiBold
Medium
Regular
Light
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: "DarkerGrotesqueBlack";
src: url("../fonts/DarkerGrotesque/DarkerGrotesqueBlack/DarkerGrotesqueBlack.eot");
src: url("../fonts/DarkerGrotesque/DarkerGrotesqueBlack/DarkerGrotesqueBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/DarkerGrotesque/DarkerGrotesqueBlack/DarkerGrotesqueBlack.woff") format("woff"),
url("../fonts/DarkerGrotesque/DarkerGrotesqueBlack/DarkerGrotesqueBlack.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "DarkerGrotesqueExtraBold";
src: url("../fonts/DarkerGrotesque/DarkerGrotesqueExtraBold/DarkerGrotesqueExtraBold.eot");
src: url("../fonts/DarkerGrotesque/DarkerGrotesqueExtraBold/DarkerGrotesqueExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/DarkerGrotesque/DarkerGrotesqueExtraBold/DarkerGrotesqueExtraBold.woff") format("woff"),
url("../fonts/DarkerGrotesque/DarkerGrotesqueExtraBold/DarkerGrotesqueExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "DarkerGrotesqueBold";
src: url("../fonts/DarkerGrotesque/DarkerGrotesqueBold/DarkerGrotesqueBold.eot");
src: url("../fonts/DarkerGrotesque/DarkerGrotesqueBold/DarkerGrotesqueBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/DarkerGrotesque/DarkerGrotesqueBold/DarkerGrotesqueBold.woff") format("woff"),
url("../fonts/DarkerGrotesque/DarkerGrotesqueBold/DarkerGrotesqueBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "DarkerGrotesqueSemiBold";
src: url("../fonts/DarkerGrotesque/DarkerGrotesqueSemiBold/DarkerGrotesqueSemiBold.eot");
src: url("../fonts/DarkerGrotesque/DarkerGrotesqueSemiBold/DarkerGrotesqueSemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/DarkerGrotesque/DarkerGrotesqueSemiBold/DarkerGrotesqueSemiBold.woff") format("woff"),
url("../fonts/DarkerGrotesque/DarkerGrotesqueSemiBold/DarkerGrotesqueSemiBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "DarkerGrotesqueMedium";
src: url("../fonts/DarkerGrotesque/DarkerGrotesqueMedium/DarkerGrotesqueMedium.eot");
src: url("../fonts/DarkerGrotesque/DarkerGrotesqueMedium/DarkerGrotesqueMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/DarkerGrotesque/DarkerGrotesqueMedium/DarkerGrotesqueMedium.woff") format("woff"),
url("../fonts/DarkerGrotesque/DarkerGrotesqueMedium/DarkerGrotesqueMedium.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "DarkerGrotesqueRegular";
src: url("../fonts/DarkerGrotesque/DarkerGrotesqueRegular/DarkerGrotesqueRegular.eot");
src: url("../fonts/DarkerGrotesque/DarkerGrotesqueRegular/DarkerGrotesqueRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/DarkerGrotesque/DarkerGrotesqueRegular/DarkerGrotesqueRegular.woff") format("woff"),
url("../fonts/DarkerGrotesque/DarkerGrotesqueRegular/DarkerGrotesqueRegular.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "DarkerGrotesqueLight";
src: url("../fonts/DarkerGrotesque/DarkerGrotesqueLight/DarkerGrotesqueLight.eot");
src: url("../fonts/DarkerGrotesque/DarkerGrotesqueLight/DarkerGrotesqueLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/DarkerGrotesque/DarkerGrotesqueLight/DarkerGrotesqueLight.woff") format("woff"),
url("../fonts/DarkerGrotesque/DarkerGrotesqueLight/DarkerGrotesqueLight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}