Syne
Скачати безкоштовно Syne шрифт для сайту або Фотошопу
Regular
Medium
Bold
SemiBold
ExtraBold
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: "SyneRegular";
src: url("../fonts/Syne/SyneRegular/SyneRegular.eot");
src: url("../fonts/Syne/SyneRegular/SyneRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/Syne/SyneRegular/SyneRegular.woff") format("woff"),
url("../fonts/Syne/SyneRegular/SyneRegular.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "SyneMedium";
src: url("../fonts/Syne/SyneMedium/SyneMedium.eot");
src: url("../fonts/Syne/SyneMedium/SyneMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/Syne/SyneMedium/SyneMedium.woff") format("woff"),
url("../fonts/Syne/SyneMedium/SyneMedium.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "SyneBold";
src: url("../fonts/Syne/SyneBold/SyneBold.eot");
src: url("../fonts/Syne/SyneBold/SyneBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/Syne/SyneBold/SyneBold.woff") format("woff"),
url("../fonts/Syne/SyneBold/SyneBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "SyneSemiBold";
src: url("../fonts/Syne/SyneSemiBold/SyneSemiBold.eot");
src: url("../fonts/Syne/SyneSemiBold/SyneSemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/Syne/SyneSemiBold/SyneSemiBold.woff") format("woff"),
url("../fonts/Syne/SyneSemiBold/SyneSemiBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "SyneExtraBold";
src: url("../fonts/Syne/SyneExtraBold/SyneExtraBold.eot");
src: url("../fonts/Syne/SyneExtraBold/SyneExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/Syne/SyneExtraBold/SyneExtraBold.woff") format("woff"),
url("../fonts/Syne/SyneExtraBold/SyneExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}