Fira Sans
Download free Fira Sans font for website or Photoshop
Bold
BoldItalic
Medium
MediumItalic
Regular
Italic
Light
LightItalic
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: "FiraSansBold";
src: url("../fonts/FiraSans/FiraSansBold/FiraSansBold.eot");
src: url("../fonts/FiraSans/FiraSansBold/FiraSansBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/FiraSans/FiraSansBold/FiraSansBold.woff") format("woff"),
url("../fonts/FiraSans/FiraSansBold/FiraSansBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "FiraSansBoldItalic";
src: url("../fonts/FiraSans/FiraSansBoldItalic/FiraSansBoldItalic.eot");
src: url("../fonts/FiraSans/FiraSansBoldItalic/FiraSansBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FiraSans/FiraSansBoldItalic/FiraSansBoldItalic.woff") format("woff"),
url("../fonts/FiraSans/FiraSansBoldItalic/FiraSansBoldItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "FiraSansMedium";
src: url("../fonts/FiraSans/FiraSansMedium/FiraSansMedium.eot");
src: url("../fonts/FiraSans/FiraSansMedium/FiraSansMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/FiraSans/FiraSansMedium/FiraSansMedium.woff") format("woff"),
url("../fonts/FiraSans/FiraSansMedium/FiraSansMedium.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "FiraSansMediumItalic";
src: url("../fonts/FiraSans/FiraSansMediumItalic/FiraSansMediumItalic.eot");
src: url("../fonts/FiraSans/FiraSansMediumItalic/FiraSansMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FiraSans/FiraSansMediumItalic/FiraSansMediumItalic.woff") format("woff"),
url("../fonts/FiraSans/FiraSansMediumItalic/FiraSansMediumItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "FiraSansRegular";
src: url("../fonts/FiraSans/FiraSansRegular/FiraSansRegular.eot");
src: url("../fonts/FiraSans/FiraSansRegular/FiraSansRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/FiraSans/FiraSansRegular/FiraSansRegular.woff") format("woff"),
url("../fonts/FiraSans/FiraSansRegular/FiraSansRegular.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "FiraSansItalic";
src: url("../fonts/FiraSans/FiraSansItalic/FiraSansItalic.eot");
src: url("../fonts/FiraSans/FiraSansItalic/FiraSansItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FiraSans/FiraSansItalic/FiraSansItalic.woff") format("woff"),
url("../fonts/FiraSans/FiraSansItalic/FiraSansItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "FiraSansLight";
src: url("../fonts/FiraSans/FiraSansLight/FiraSansLight.eot");
src: url("../fonts/FiraSans/FiraSansLight/FiraSansLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/FiraSans/FiraSansLight/FiraSansLight.woff") format("woff"),
url("../fonts/FiraSans/FiraSansLight/FiraSansLight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "FiraSansLightItalic";
src: url("../fonts/FiraSans/FiraSansLightItalic/FiraSansLightItalic.eot");
src: url("../fonts/FiraSans/FiraSansLightItalic/FiraSansLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FiraSans/FiraSansLightItalic/FiraSansLightItalic.woff") format("woff"),
url("../fonts/FiraSans/FiraSansLightItalic/FiraSansLightItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}