Playpen Sans
Скачати безкоштовно Playpen Sans шрифт для сайту або Фотошопу
ExtraBold
Bold
SemiBold
Medium
Regular
Light
ExtraLight
Thin
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: "PlaypenSansExtraBold";
src: url("../fonts/PlaypenSans/PlaypenSansExtraBold/PlaypenSansExtraBold.eot");
src: url("../fonts/PlaypenSans/PlaypenSansExtraBold/PlaypenSansExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/PlaypenSans/PlaypenSansExtraBold/PlaypenSansExtraBold.woff") format("woff"),
url("../fonts/PlaypenSans/PlaypenSansExtraBold/PlaypenSansExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "PlaypenSansBold";
src: url("../fonts/PlaypenSans/PlaypenSansBold/PlaypenSansBold.eot");
src: url("../fonts/PlaypenSans/PlaypenSansBold/PlaypenSansBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/PlaypenSans/PlaypenSansBold/PlaypenSansBold.woff") format("woff"),
url("../fonts/PlaypenSans/PlaypenSansBold/PlaypenSansBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "PlaypenSansSemiBold";
src: url("../fonts/PlaypenSans/PlaypenSansSemiBold/PlaypenSansSemiBold.eot");
src: url("../fonts/PlaypenSans/PlaypenSansSemiBold/PlaypenSansSemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/PlaypenSans/PlaypenSansSemiBold/PlaypenSansSemiBold.woff") format("woff"),
url("../fonts/PlaypenSans/PlaypenSansSemiBold/PlaypenSansSemiBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "PlaypenSansMedium";
src: url("../fonts/PlaypenSans/PlaypenSansMedium/PlaypenSansMedium.eot");
src: url("../fonts/PlaypenSans/PlaypenSansMedium/PlaypenSansMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/PlaypenSans/PlaypenSansMedium/PlaypenSansMedium.woff") format("woff"),
url("../fonts/PlaypenSans/PlaypenSansMedium/PlaypenSansMedium.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "PlaypenSansRegular";
src: url("../fonts/PlaypenSans/PlaypenSansRegular/PlaypenSansRegular.eot");
src: url("../fonts/PlaypenSans/PlaypenSansRegular/PlaypenSansRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/PlaypenSans/PlaypenSansRegular/PlaypenSansRegular.woff") format("woff"),
url("../fonts/PlaypenSans/PlaypenSansRegular/PlaypenSansRegular.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "PlaypenSansLight";
src: url("../fonts/PlaypenSans/PlaypenSansLight/PlaypenSansLight.eot");
src: url("../fonts/PlaypenSans/PlaypenSansLight/PlaypenSansLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/PlaypenSans/PlaypenSansLight/PlaypenSansLight.woff") format("woff"),
url("../fonts/PlaypenSans/PlaypenSansLight/PlaypenSansLight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "PlaypenSansExtraLight";
src: url("../fonts/PlaypenSans/PlaypenSansExtraLight/PlaypenSansExtraLight.eot");
src: url("../fonts/PlaypenSans/PlaypenSansExtraLight/PlaypenSansExtraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/PlaypenSans/PlaypenSansExtraLight/PlaypenSansExtraLight.woff") format("woff"),
url("../fonts/PlaypenSans/PlaypenSansExtraLight/PlaypenSansExtraLight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "PlaypenSansThin";
src: url("../fonts/PlaypenSans/PlaypenSansThin/PlaypenSansThin.eot");
src: url("../fonts/PlaypenSans/PlaypenSansThin/PlaypenSansThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/PlaypenSans/PlaypenSansThin/PlaypenSansThin.woff") format("woff"),
url("../fonts/PlaypenSans/PlaypenSansThin/PlaypenSansThin.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}