@font-face {
    font-family: "Droid Serif";
    src: url("droid_serif/DroidSerif-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: block;
}

@font-face {
    font-family: "Droid Serif";
    src: url("droid_serif/DroidSerif-Italic.ttf") format("truetype");
    font-style: italic;
    font-weight: 400;
    font-display: block;
}

@font-face {
    font-family: "Droid Serif";
    src: url("droid_serif/DroidSerif-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: block;
}

@font-face {
    font-family: "Droid Serif";
    src: url("droid_serif/DroidSerif-BoldItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 700;
    font-display: block;
}

@font-face {
    font-family: "EB Garamond";
    src: url("eb_garamond/EBGaramond-Variable.ttf") format("truetype");
    font-style: normal;
    font-weight: 400 800;
    font-display: block;
}

@font-face {
    font-family: "EB Garamond";
    src: url("eb_garamond/EBGaramond-VariableItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 400 800;
    font-display: block;
}

@font-face {
    font-family: "Droid Sans";
    src: url("droid_sans/DroidSans.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: block;
}

@font-face {
    font-family: "Droid Sans";
    src: url("droid_sans/DroidSans-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: block;
}

@font-face {
    font-family: "Roboto";
    src: url("roboto/Roboto-Variable.ttf") format("truetype");
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 75% 100%;
    font-display: block;
}

@font-face {
    font-family: "Roboto";
    src: url("roboto/Roboto-VariableItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 100 900;
    font-stretch: 75% 100%;
    font-display: block;
}

@font-face {
    font-family: "PT Sans";
    src: url("pt_sans/PT_Sans-Web-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: block;
}

@font-face {
    font-family: "PT Sans";
    src: url("pt_sans/PT_Sans-Web-Italic.ttf") format("truetype");
    font-style: italic;
    font-weight: 400;
    font-display: block;
}

@font-face {
    font-family: "PT Sans";
    src: url("pt_sans/PT_Sans-Web-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: block;
}

@font-face {
    font-family: "PT Sans";
    src: url("pt_sans/PT_Sans-Web-BoldItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 700;
    font-display: block;
}

@font-face {
    font-family: "PT Serif";
    src: url("pt_serif/PT_Serif-Web-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: block;
}

@font-face {
    font-family: "PT Serif";
    src: url("pt_serif/PT_Serif-Web-Italic.ttf") format("truetype");
    font-style: italic;
    font-weight: 400;
    font-display: block;
}

@font-face {
    font-family: "PT Serif";
    src: url("pt_serif/PT_Serif-Web-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: block;
}

@font-face {
    font-family: "PT Serif";
    src: url("pt_serif/PT_Serif-Web-BoldItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 700;
    font-display: block;
}

@font-face {
    font-family: "Merriweather";
    src: url("merriweather/Merriweather-Variable.ttf") format("truetype");
    font-style: normal;
    font-weight: 300 900;
    font-stretch: 87% 112%;
    font-display: block;
}

@font-face {
    font-family: "Merriweather";
    src: url("merriweather/Merriweather-VariableItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 300 900;
    font-stretch: 87% 112%;
    font-display: block;
}

@font-face {
    font-family: "Open Sans";
    src: url("open_sans/OpenSans-Variable.ttf") format("truetype");
    font-style: normal;
    font-weight: 300 800;
    font-stretch: 75% 100%;
    font-display: block;
}

@font-face {
    font-family: "Open Sans";
    src: url("open_sans/OpenSans-VariableItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 300 800;
    font-stretch: 75% 100%;
    font-display: block;
}
