Merriweather
Download free Merriweather font for website or Photoshop
Bold
BoldItalic
Regular
Italic
Light
LightItalic
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: "MerriweatherBold";
src: url("../fonts/Merriweather/MerriweatherBold/MerriweatherBold.eot");
src: url("../fonts/Merriweather/MerriweatherBold/MerriweatherBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/Merriweather/MerriweatherBold/MerriweatherBold.woff") format("woff"),
url("../fonts/Merriweather/MerriweatherBold/MerriweatherBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "MerriweatherBoldItalic";
src: url("../fonts/Merriweather/MerriweatherBoldItalic/MerriweatherBoldItalic.eot");
src: url("../fonts/Merriweather/MerriweatherBoldItalic/MerriweatherBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/Merriweather/MerriweatherBoldItalic/MerriweatherBoldItalic.woff") format("woff"),
url("../fonts/Merriweather/MerriweatherBoldItalic/MerriweatherBoldItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "MerriweatherRegular";
src: url("../fonts/Merriweather/MerriweatherRegular/MerriweatherRegular.eot");
src: url("../fonts/Merriweather/MerriweatherRegular/MerriweatherRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/Merriweather/MerriweatherRegular/MerriweatherRegular.woff") format("woff"),
url("../fonts/Merriweather/MerriweatherRegular/MerriweatherRegular.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "MerriweatherItalic";
src: url("../fonts/Merriweather/MerriweatherItalic/MerriweatherItalic.eot");
src: url("../fonts/Merriweather/MerriweatherItalic/MerriweatherItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/Merriweather/MerriweatherItalic/MerriweatherItalic.woff") format("woff"),
url("../fonts/Merriweather/MerriweatherItalic/MerriweatherItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "MerriweatherLight";
src: url("../fonts/Merriweather/MerriweatherLight/MerriweatherLight.eot");
src: url("../fonts/Merriweather/MerriweatherLight/MerriweatherLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/Merriweather/MerriweatherLight/MerriweatherLight.woff") format("woff"),
url("../fonts/Merriweather/MerriweatherLight/MerriweatherLight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "MerriweatherLightItalic";
src: url("../fonts/Merriweather/MerriweatherLightItalic/MerriweatherLightItalic.eot");
src: url("../fonts/Merriweather/MerriweatherLightItalic/MerriweatherLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/Merriweather/MerriweatherLightItalic/MerriweatherLightItalic.woff") format("woff"),
url("../fonts/Merriweather/MerriweatherLightItalic/MerriweatherLightItalic.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}