Bold
BoldItalic
SemiBold
SemiBoldItalic
Regular
Italic
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: "MyriadProBold";
src: url("../fonts/MyriadPro/MyriadProBold/MyriadProBold.eot");
src: url("../fonts/MyriadPro/MyriadProBold/MyriadProBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/MyriadPro/MyriadProBold/MyriadProBold.woff") format("woff"),
url("../fonts/MyriadPro/MyriadProBold/MyriadProBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: "MyriadProBoldItalic";
src: url("../fonts/MyriadPro/MyriadProBoldItalic/MyriadProBoldItalic.eot");
src: url("../fonts/MyriadPro/MyriadProBoldItalic/MyriadProBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/MyriadPro/MyriadProBoldItalic/MyriadProBoldItalic.woff") format("woff"),
url("../fonts/MyriadPro/MyriadProBoldItalic/MyriadProBoldItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: "MyriadProSemiBold";
src: url("../fonts/MyriadPro/MyriadProSemiBold/MyriadProSemiBold.eot");
src: url("../fonts/MyriadPro/MyriadProSemiBold/MyriadProSemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/MyriadPro/MyriadProSemiBold/MyriadProSemiBold.woff") format("woff"),
url("../fonts/MyriadPro/MyriadProSemiBold/MyriadProSemiBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: "MyriadProSemiBoldItalic";
src: url("../fonts/MyriadPro/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.eot");
src: url("../fonts/MyriadPro/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/MyriadPro/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.woff") format("woff"),
url("../fonts/MyriadPro/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: "MyriadProRegular";
src: url("../fonts/MyriadPro/MyriadProRegular/MyriadProRegular.eot");
src: url("../fonts/MyriadPro/MyriadProRegular/MyriadProRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/MyriadPro/MyriadProRegular/MyriadProRegular.woff") format("woff"),
url("../fonts/MyriadPro/MyriadProRegular/MyriadProRegular.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: "MyriadProItalic";
src: url("../fonts/MyriadPro/MyriadProItalic/MyriadProItalic.eot");
src: url("../fonts/MyriadPro/MyriadProItalic/MyriadProItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/MyriadPro/MyriadProItalic/MyriadProItalic.woff") format("woff"),
url("../fonts/MyriadPro/MyriadProItalic/MyriadProItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}