Elms Sans
Download free Elms Sans 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: "ElmsSansThin";
src: url("../fonts/ElmsSans/ElmsSansThin/ElmsSansThin.eot");
src: url("../fonts/ElmsSans/ElmsSansThin/ElmsSansThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/ElmsSans/ElmsSansThin/ElmsSansThin.woff") format("woff"),
url("../fonts/ElmsSans/ElmsSansThin/ElmsSansThin.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "ElmsSansExtraLight";
src: url("../fonts/ElmsSans/ElmsSansExtraLight/ElmsSansExtraLight.eot");
src: url("../fonts/ElmsSans/ElmsSansExtraLight/ElmsSansExtraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/ElmsSans/ElmsSansExtraLight/ElmsSansExtraLight.woff") format("woff"),
url("../fonts/ElmsSans/ElmsSansExtraLight/ElmsSansExtraLight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "ElmsSansLight";
src: url("../fonts/ElmsSans/ElmsSansLight/ElmsSansLight.eot");
src: url("../fonts/ElmsSans/ElmsSansLight/ElmsSansLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/ElmsSans/ElmsSansLight/ElmsSansLight.woff") format("woff"),
url("../fonts/ElmsSans/ElmsSansLight/ElmsSansLight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "ElmsSansRegular";
src: url("../fonts/ElmsSans/ElmsSansRegular/ElmsSansRegular.eot");
src: url("../fonts/ElmsSans/ElmsSansRegular/ElmsSansRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/ElmsSans/ElmsSansRegular/ElmsSansRegular.woff") format("woff"),
url("../fonts/ElmsSans/ElmsSansRegular/ElmsSansRegular.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "ElmsSansMedium";
src: url("../fonts/ElmsSans/ElmsSansMedium/ElmsSansMedium.eot");
src: url("../fonts/ElmsSans/ElmsSansMedium/ElmsSansMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/ElmsSans/ElmsSansMedium/ElmsSansMedium.woff") format("woff"),
url("../fonts/ElmsSans/ElmsSansMedium/ElmsSansMedium.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "ElmsSansSemiBold";
src: url("../fonts/ElmsSans/ElmsSansSemiBold/ElmsSansSemiBold.eot");
src: url("../fonts/ElmsSans/ElmsSansSemiBold/ElmsSansSemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/ElmsSans/ElmsSansSemiBold/ElmsSansSemiBold.woff") format("woff"),
url("../fonts/ElmsSans/ElmsSansSemiBold/ElmsSansSemiBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "ElmsSansBold";
src: url("../fonts/ElmsSans/ElmsSansBold/ElmsSansBold.eot");
src: url("../fonts/ElmsSans/ElmsSansBold/ElmsSansBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/ElmsSans/ElmsSansBold/ElmsSansBold.woff") format("woff"),
url("../fonts/ElmsSans/ElmsSansBold/ElmsSansBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "ElmsSansExtraBold";
src: url("../fonts/ElmsSans/ElmsSansExtraBold/ElmsSansExtraBold.eot");
src: url("../fonts/ElmsSans/ElmsSansExtraBold/ElmsSansExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/ElmsSans/ElmsSansExtraBold/ElmsSansExtraBold.woff") format("woff"),
url("../fonts/ElmsSans/ElmsSansExtraBold/ElmsSansExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "ElmsSansBlack";
src: url("../fonts/ElmsSans/ElmsSansBlack/ElmsSansBlack.eot");
src: url("../fonts/ElmsSans/ElmsSansBlack/ElmsSansBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/ElmsSans/ElmsSansBlack/ElmsSansBlack.woff") format("woff"),
url("../fonts/ElmsSans/ElmsSansBlack/ElmsSansBlack.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "ElmsSansThinItalic";
src: url("../fonts/ElmsSans/ElmsSansThinItalic/ElmsSansThinItalic.eot");
src: url("../fonts/ElmsSans/ElmsSansThinItalic/ElmsSansThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ElmsSans/ElmsSansThinItalic/ElmsSansThinItalic.woff") format("woff"),
url("../fonts/ElmsSans/ElmsSansThinItalic/ElmsSansThinItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "ElmsSansExtraLightItalic";
src: url("../fonts/ElmsSans/ElmsSansExtraLightItalic/ElmsSansExtraLightItalic.eot");
src: url("../fonts/ElmsSans/ElmsSansExtraLightItalic/ElmsSansExtraLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ElmsSans/ElmsSansExtraLightItalic/ElmsSansExtraLightItalic.woff") format("woff"),
url("../fonts/ElmsSans/ElmsSansExtraLightItalic/ElmsSansExtraLightItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "ElmsSansLightItalic";
src: url("../fonts/ElmsSans/ElmsSansLightItalic/ElmsSansLightItalic.eot");
src: url("../fonts/ElmsSans/ElmsSansLightItalic/ElmsSansLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ElmsSans/ElmsSansLightItalic/ElmsSansLightItalic.woff") format("woff"),
url("../fonts/ElmsSans/ElmsSansLightItalic/ElmsSansLightItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "ElmsSansItalic";
src: url("../fonts/ElmsSans/ElmsSansItalic/ElmsSansItalic.eot");
src: url("../fonts/ElmsSans/ElmsSansItalic/ElmsSansItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ElmsSans/ElmsSansItalic/ElmsSansItalic.woff") format("woff"),
url("../fonts/ElmsSans/ElmsSansItalic/ElmsSansItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "ElmsSansMediumItalic";
src: url("../fonts/ElmsSans/ElmsSansMediumItalic/ElmsSansMediumItalic.eot");
src: url("../fonts/ElmsSans/ElmsSansMediumItalic/ElmsSansMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ElmsSans/ElmsSansMediumItalic/ElmsSansMediumItalic.woff") format("woff"),
url("../fonts/ElmsSans/ElmsSansMediumItalic/ElmsSansMediumItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "ElmsSansSemiBoldItalic";
src: url("../fonts/ElmsSans/ElmsSansSemiBoldItalic/ElmsSansSemiBoldItalic.eot");
src: url("../fonts/ElmsSans/ElmsSansSemiBoldItalic/ElmsSansSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ElmsSans/ElmsSansSemiBoldItalic/ElmsSansSemiBoldItalic.woff") format("woff"),
url("../fonts/ElmsSans/ElmsSansSemiBoldItalic/ElmsSansSemiBoldItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "ElmsSansBoldItalic";
src: url("../fonts/ElmsSans/ElmsSansBoldItalic/ElmsSansBoldItalic.eot");
src: url("../fonts/ElmsSans/ElmsSansBoldItalic/ElmsSansBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ElmsSans/ElmsSansBoldItalic/ElmsSansBoldItalic.woff") format("woff"),
url("../fonts/ElmsSans/ElmsSansBoldItalic/ElmsSansBoldItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "ElmsSansExtraBoldItalic";
src: url("../fonts/ElmsSans/ElmsSansExtraBoldItalic/ElmsSansExtraBoldItalic.eot");
src: url("../fonts/ElmsSans/ElmsSansExtraBoldItalic/ElmsSansExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ElmsSans/ElmsSansExtraBoldItalic/ElmsSansExtraBoldItalic.woff") format("woff"),
url("../fonts/ElmsSans/ElmsSansExtraBoldItalic/ElmsSansExtraBoldItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "ElmsSansBlackItalic";
src: url("../fonts/ElmsSans/ElmsSansBlackItalic/ElmsSansBlackItalic.eot");
src: url("../fonts/ElmsSans/ElmsSansBlackItalic/ElmsSansBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ElmsSans/ElmsSansBlackItalic/ElmsSansBlackItalic.woff") format("woff"),
url("../fonts/ElmsSans/ElmsSansBlackItalic/ElmsSansBlackItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}