Fixel Display
Download free Fixel Display 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: "FixelDisplayThin";
src: url("../fonts/FixelDisplay/FixelDisplayThin/FixelDisplayThin.eot");
src: url("../fonts/FixelDisplay/FixelDisplayThin/FixelDisplayThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/FixelDisplay/FixelDisplayThin/FixelDisplayThin.woff") format("woff"),
url("../fonts/FixelDisplay/FixelDisplayThin/FixelDisplayThin.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "FixelDisplayExtraLight";
src: url("../fonts/FixelDisplay/FixelDisplayExtraLight/FixelDisplayExtraLight.eot");
src: url("../fonts/FixelDisplay/FixelDisplayExtraLight/FixelDisplayExtraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/FixelDisplay/FixelDisplayExtraLight/FixelDisplayExtraLight.woff") format("woff"),
url("../fonts/FixelDisplay/FixelDisplayExtraLight/FixelDisplayExtraLight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "FixelDisplayLight";
src: url("../fonts/FixelDisplay/FixelDisplayLight/FixelDisplayLight.eot");
src: url("../fonts/FixelDisplay/FixelDisplayLight/FixelDisplayLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/FixelDisplay/FixelDisplayLight/FixelDisplayLight.woff") format("woff"),
url("../fonts/FixelDisplay/FixelDisplayLight/FixelDisplayLight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "FixelDisplayRegular";
src: url("../fonts/FixelDisplay/FixelDisplayRegular/FixelDisplayRegular.eot");
src: url("../fonts/FixelDisplay/FixelDisplayRegular/FixelDisplayRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/FixelDisplay/FixelDisplayRegular/FixelDisplayRegular.woff") format("woff"),
url("../fonts/FixelDisplay/FixelDisplayRegular/FixelDisplayRegular.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "FixelDisplayMedium";
src: url("../fonts/FixelDisplay/FixelDisplayMedium/FixelDisplayMedium.eot");
src: url("../fonts/FixelDisplay/FixelDisplayMedium/FixelDisplayMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/FixelDisplay/FixelDisplayMedium/FixelDisplayMedium.woff") format("woff"),
url("../fonts/FixelDisplay/FixelDisplayMedium/FixelDisplayMedium.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "FixelDisplaySemiBold";
src: url("../fonts/FixelDisplay/FixelDisplaySemiBold/FixelDisplaySemiBold.eot");
src: url("../fonts/FixelDisplay/FixelDisplaySemiBold/FixelDisplaySemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/FixelDisplay/FixelDisplaySemiBold/FixelDisplaySemiBold.woff") format("woff"),
url("../fonts/FixelDisplay/FixelDisplaySemiBold/FixelDisplaySemiBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "FixelDisplayBold";
src: url("../fonts/FixelDisplay/FixelDisplayBold/FixelDisplayBold.eot");
src: url("../fonts/FixelDisplay/FixelDisplayBold/FixelDisplayBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/FixelDisplay/FixelDisplayBold/FixelDisplayBold.woff") format("woff"),
url("../fonts/FixelDisplay/FixelDisplayBold/FixelDisplayBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "FixelDisplayExtraBold";
src: url("../fonts/FixelDisplay/FixelDisplayExtraBold/FixelDisplayExtraBold.eot");
src: url("../fonts/FixelDisplay/FixelDisplayExtraBold/FixelDisplayExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/FixelDisplay/FixelDisplayExtraBold/FixelDisplayExtraBold.woff") format("woff"),
url("../fonts/FixelDisplay/FixelDisplayExtraBold/FixelDisplayExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "FixelDisplayBlack";
src: url("../fonts/FixelDisplay/FixelDisplayBlack/FixelDisplayBlack.eot");
src: url("../fonts/FixelDisplay/FixelDisplayBlack/FixelDisplayBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/FixelDisplay/FixelDisplayBlack/FixelDisplayBlack.woff") format("woff"),
url("../fonts/FixelDisplay/FixelDisplayBlack/FixelDisplayBlack.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}