Barlow
Скачати безкоштовно Barlow шрифт для сайту або Фотошопу
Black
ExtraBold
Bold
SemiBold
Medium
Regular
Light
ExtraLight
Thin
BlackItalic
ExtraBoldItalic
BoldItalic
SemiBoldItalic
MediumItalic
Italic
LightItalic
ExtraLightItalic
ThinItalic
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: "BarlowBlack";
src: url("../fonts/Barlow/BarlowBlack/BarlowBlack.eot");
src: url("../fonts/Barlow/BarlowBlack/BarlowBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/Barlow/BarlowBlack/BarlowBlack.woff") format("woff"),
url("../fonts/Barlow/BarlowBlack/BarlowBlack.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "BarlowExtraBold";
src: url("../fonts/Barlow/BarlowExtraBold/BarlowExtraBold.eot");
src: url("../fonts/Barlow/BarlowExtraBold/BarlowExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/Barlow/BarlowExtraBold/BarlowExtraBold.woff") format("woff"),
url("../fonts/Barlow/BarlowExtraBold/BarlowExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "BarlowBold";
src: url("../fonts/Barlow/BarlowBold/BarlowBold.eot");
src: url("../fonts/Barlow/BarlowBold/BarlowBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/Barlow/BarlowBold/BarlowBold.woff") format("woff"),
url("../fonts/Barlow/BarlowBold/BarlowBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "BarlowSemiBold";
src: url("../fonts/Barlow/BarlowSemiBold/BarlowSemiBold.eot");
src: url("../fonts/Barlow/BarlowSemiBold/BarlowSemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/Barlow/BarlowSemiBold/BarlowSemiBold.woff") format("woff"),
url("../fonts/Barlow/BarlowSemiBold/BarlowSemiBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "BarlowMedium";
src: url("../fonts/Barlow/BarlowMedium/BarlowMedium.eot");
src: url("../fonts/Barlow/BarlowMedium/BarlowMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/Barlow/BarlowMedium/BarlowMedium.woff") format("woff"),
url("../fonts/Barlow/BarlowMedium/BarlowMedium.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "BarlowRegular";
src: url("../fonts/Barlow/BarlowRegular/BarlowRegular.eot");
src: url("../fonts/Barlow/BarlowRegular/BarlowRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/Barlow/BarlowRegular/BarlowRegular.woff") format("woff"),
url("../fonts/Barlow/BarlowRegular/BarlowRegular.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "BarlowLight";
src: url("../fonts/Barlow/BarlowLight/BarlowLight.eot");
src: url("../fonts/Barlow/BarlowLight/BarlowLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/Barlow/BarlowLight/BarlowLight.woff") format("woff"),
url("../fonts/Barlow/BarlowLight/BarlowLight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "BarlowExtraLight";
src: url("../fonts/Barlow/BarlowExtraLight/BarlowExtraLight.eot");
src: url("../fonts/Barlow/BarlowExtraLight/BarlowExtraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/Barlow/BarlowExtraLight/BarlowExtraLight.woff") format("woff"),
url("../fonts/Barlow/BarlowExtraLight/BarlowExtraLight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "BarlowThin";
src: url("../fonts/Barlow/BarlowThin/BarlowThin.eot");
src: url("../fonts/Barlow/BarlowThin/BarlowThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/Barlow/BarlowThin/BarlowThin.woff") format("woff"),
url("../fonts/Barlow/BarlowThin/BarlowThin.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "BarlowBlackItalic";
src: url("../fonts/Barlow/BarlowBlackItalic/BarlowBlackItalic.eot");
src: url("../fonts/Barlow/BarlowBlackItalic/BarlowBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/Barlow/BarlowBlackItalic/BarlowBlackItalic.woff") format("woff"),
url("../fonts/Barlow/BarlowBlackItalic/BarlowBlackItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "BarlowExtraBoldItalic";
src: url("../fonts/Barlow/BarlowExtraBoldItalic/BarlowExtraBoldItalic.eot");
src: url("../fonts/Barlow/BarlowExtraBoldItalic/BarlowExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/Barlow/BarlowExtraBoldItalic/BarlowExtraBoldItalic.woff") format("woff"),
url("../fonts/Barlow/BarlowExtraBoldItalic/BarlowExtraBoldItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "BarlowBoldItalic";
src: url("../fonts/Barlow/BarlowBoldItalic/BarlowBoldItalic.eot");
src: url("../fonts/Barlow/BarlowBoldItalic/BarlowBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/Barlow/BarlowBoldItalic/BarlowBoldItalic.woff") format("woff"),
url("../fonts/Barlow/BarlowBoldItalic/BarlowBoldItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "BarlowSemiBoldItalic";
src: url("../fonts/Barlow/BarlowSemiBoldItalic/BarlowSemiBoldItalic.eot");
src: url("../fonts/Barlow/BarlowSemiBoldItalic/BarlowSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/Barlow/BarlowSemiBoldItalic/BarlowSemiBoldItalic.woff") format("woff"),
url("../fonts/Barlow/BarlowSemiBoldItalic/BarlowSemiBoldItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "BarlowMediumItalic";
src: url("../fonts/Barlow/BarlowMediumItalic/BarlowMediumItalic.eot");
src: url("../fonts/Barlow/BarlowMediumItalic/BarlowMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/Barlow/BarlowMediumItalic/BarlowMediumItalic.woff") format("woff"),
url("../fonts/Barlow/BarlowMediumItalic/BarlowMediumItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "BarlowItalic";
src: url("../fonts/Barlow/BarlowItalic/BarlowItalic.eot");
src: url("../fonts/Barlow/BarlowItalic/BarlowItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/Barlow/BarlowItalic/BarlowItalic.woff") format("woff"),
url("../fonts/Barlow/BarlowItalic/BarlowItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "BarlowLightItalic";
src: url("../fonts/Barlow/BarlowLightItalic/BarlowLightItalic.eot");
src: url("../fonts/Barlow/BarlowLightItalic/BarlowLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/Barlow/BarlowLightItalic/BarlowLightItalic.woff") format("woff"),
url("../fonts/Barlow/BarlowLightItalic/BarlowLightItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "BarlowExtraLightItalic";
src: url("../fonts/Barlow/BarlowExtraLightItalic/BarlowExtraLightItalic.eot");
src: url("../fonts/Barlow/BarlowExtraLightItalic/BarlowExtraLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/Barlow/BarlowExtraLightItalic/BarlowExtraLightItalic.woff") format("woff"),
url("../fonts/Barlow/BarlowExtraLightItalic/BarlowExtraLightItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "BarlowThinItalic";
src: url("../fonts/Barlow/BarlowThinItalic/BarlowThinItalic.eot");
src: url("../fonts/Barlow/BarlowThinItalic/BarlowThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/Barlow/BarlowThinItalic/BarlowThinItalic.woff") format("woff"),
url("../fonts/Barlow/BarlowThinItalic/BarlowThinItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}