IBM Plex Serif
Скачати безкоштовно IBM Plex Serif шрифт для сайту або Фотошопу
Thin
ExtraLight
Light
Regular
Medium
SemiBold
Bold
ThinItalic
ExtraLightItalic
LightItalic
Italic
MediumItalic
SemiBoldItalic
BoldItalic
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: "IBMPlexSerifThin";
src: url("../fonts/IBMPlexSerif/IBMPlexSerifThin/IBMPlexSerifThin.eot");
src: url("../fonts/IBMPlexSerif/IBMPlexSerifThin/IBMPlexSerifThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/IBMPlexSerif/IBMPlexSerifThin/IBMPlexSerifThin.woff") format("woff"),
url("../fonts/IBMPlexSerif/IBMPlexSerifThin/IBMPlexSerifThin.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "IBMPlexSerifExtraLight";
src: url("../fonts/IBMPlexSerif/IBMPlexSerifExtraLight/IBMPlexSerifExtraLight.eot");
src: url("../fonts/IBMPlexSerif/IBMPlexSerifExtraLight/IBMPlexSerifExtraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/IBMPlexSerif/IBMPlexSerifExtraLight/IBMPlexSerifExtraLight.woff") format("woff"),
url("../fonts/IBMPlexSerif/IBMPlexSerifExtraLight/IBMPlexSerifExtraLight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "IBMPlexSerifLight";
src: url("../fonts/IBMPlexSerif/IBMPlexSerifLight/IBMPlexSerifLight.eot");
src: url("../fonts/IBMPlexSerif/IBMPlexSerifLight/IBMPlexSerifLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/IBMPlexSerif/IBMPlexSerifLight/IBMPlexSerifLight.woff") format("woff"),
url("../fonts/IBMPlexSerif/IBMPlexSerifLight/IBMPlexSerifLight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "IBMPlexSerifRegular";
src: url("../fonts/IBMPlexSerif/IBMPlexSerifRegular/IBMPlexSerifRegular.eot");
src: url("../fonts/IBMPlexSerif/IBMPlexSerifRegular/IBMPlexSerifRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/IBMPlexSerif/IBMPlexSerifRegular/IBMPlexSerifRegular.woff") format("woff"),
url("../fonts/IBMPlexSerif/IBMPlexSerifRegular/IBMPlexSerifRegular.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "IBMPlexSerifMedium";
src: url("../fonts/IBMPlexSerif/IBMPlexSerifMedium/IBMPlexSerifMedium.eot");
src: url("../fonts/IBMPlexSerif/IBMPlexSerifMedium/IBMPlexSerifMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/IBMPlexSerif/IBMPlexSerifMedium/IBMPlexSerifMedium.woff") format("woff"),
url("../fonts/IBMPlexSerif/IBMPlexSerifMedium/IBMPlexSerifMedium.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "IBMPlexSerifSemiBold";
src: url("../fonts/IBMPlexSerif/IBMPlexSerifSemiBold/IBMPlexSerifSemiBold.eot");
src: url("../fonts/IBMPlexSerif/IBMPlexSerifSemiBold/IBMPlexSerifSemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/IBMPlexSerif/IBMPlexSerifSemiBold/IBMPlexSerifSemiBold.woff") format("woff"),
url("../fonts/IBMPlexSerif/IBMPlexSerifSemiBold/IBMPlexSerifSemiBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "IBMPlexSerifBold";
src: url("../fonts/IBMPlexSerif/IBMPlexSerifBold/IBMPlexSerifBold.eot");
src: url("../fonts/IBMPlexSerif/IBMPlexSerifBold/IBMPlexSerifBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/IBMPlexSerif/IBMPlexSerifBold/IBMPlexSerifBold.woff") format("woff"),
url("../fonts/IBMPlexSerif/IBMPlexSerifBold/IBMPlexSerifBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "IBMPlexSerifThinItalic";
src: url("../fonts/IBMPlexSerif/IBMPlexSerifThinItalic/IBMPlexSerifThinItalic.eot");
src: url("../fonts/IBMPlexSerif/IBMPlexSerifThinItalic/IBMPlexSerifThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/IBMPlexSerif/IBMPlexSerifThinItalic/IBMPlexSerifThinItalic.woff") format("woff"),
url("../fonts/IBMPlexSerif/IBMPlexSerifThinItalic/IBMPlexSerifThinItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "IBMPlexSerifExtraLightItalic";
src: url("../fonts/IBMPlexSerif/IBMPlexSerifExtraLightItalic/IBMPlexSerifExtraLightItalic.eot");
src: url("../fonts/IBMPlexSerif/IBMPlexSerifExtraLightItalic/IBMPlexSerifExtraLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/IBMPlexSerif/IBMPlexSerifExtraLightItalic/IBMPlexSerifExtraLightItalic.woff") format("woff"),
url("../fonts/IBMPlexSerif/IBMPlexSerifExtraLightItalic/IBMPlexSerifExtraLightItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "IBMPlexSerifLightItalic";
src: url("../fonts/IBMPlexSerif/IBMPlexSerifLightItalic/IBMPlexSerifLightItalic.eot");
src: url("../fonts/IBMPlexSerif/IBMPlexSerifLightItalic/IBMPlexSerifLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/IBMPlexSerif/IBMPlexSerifLightItalic/IBMPlexSerifLightItalic.woff") format("woff"),
url("../fonts/IBMPlexSerif/IBMPlexSerifLightItalic/IBMPlexSerifLightItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "IBMPlexSerifItalic";
src: url("../fonts/IBMPlexSerif/IBMPlexSerifItalic/IBMPlexSerifItalic.eot");
src: url("../fonts/IBMPlexSerif/IBMPlexSerifItalic/IBMPlexSerifItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/IBMPlexSerif/IBMPlexSerifItalic/IBMPlexSerifItalic.woff") format("woff"),
url("../fonts/IBMPlexSerif/IBMPlexSerifItalic/IBMPlexSerifItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "IBMPlexSerifMediumItalic";
src: url("../fonts/IBMPlexSerif/IBMPlexSerifMediumItalic/IBMPlexSerifMediumItalic.eot");
src: url("../fonts/IBMPlexSerif/IBMPlexSerifMediumItalic/IBMPlexSerifMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/IBMPlexSerif/IBMPlexSerifMediumItalic/IBMPlexSerifMediumItalic.woff") format("woff"),
url("../fonts/IBMPlexSerif/IBMPlexSerifMediumItalic/IBMPlexSerifMediumItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "IBMPlexSerifSemiBoldItalic";
src: url("../fonts/IBMPlexSerif/IBMPlexSerifSemiBoldItalic/IBMPlexSerifSemiBoldItalic.eot");
src: url("../fonts/IBMPlexSerif/IBMPlexSerifSemiBoldItalic/IBMPlexSerifSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/IBMPlexSerif/IBMPlexSerifSemiBoldItalic/IBMPlexSerifSemiBoldItalic.woff") format("woff"),
url("../fonts/IBMPlexSerif/IBMPlexSerifSemiBoldItalic/IBMPlexSerifSemiBoldItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "IBMPlexSerifBoldItalic";
src: url("../fonts/IBMPlexSerif/IBMPlexSerifBoldItalic/IBMPlexSerifBoldItalic.eot");
src: url("../fonts/IBMPlexSerif/IBMPlexSerifBoldItalic/IBMPlexSerifBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/IBMPlexSerif/IBMPlexSerifBoldItalic/IBMPlexSerifBoldItalic.woff") format("woff"),
url("../fonts/IBMPlexSerif/IBMPlexSerifBoldItalic/IBMPlexSerifBoldItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}