font.scss

// Regular 400
@font-face {
    font-family: "Garamond";
    src: url("./fonts/EBGaramond-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

// Regular 400, Italic
@font-face {
    font-family: "Garamond";
    src: url("./fonts/EBGaramond-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
}

// Medium 500
@font-face {
    font-family: "Garamond";
    src: url("./fonts/EBGaramond-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

// Medium 500, Italic
@font-face {
    font-family: "Garamond";
    src: url("./fonts/EBGaramond-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
}

// Semibold 600
@font-face {
    font-family: "Garamond";
    src: url("./fonts/EBGaramond-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

// Semibold 600, Italic
@font-face {
    font-family: "Garamond";
    src: url("./fonts/EBGaramond-SemiBoldItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
}

// Bold 700
@font-face {
    font-family: "Garamond";
    src: url("./fonts/EBGaramond-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

// Bold 700, Italic
@font-face {
    font-family: "Garamond";
    src: url("./fonts/EBGaramond-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
}

// Extra Bold 800
@font-face {
    font-family: "Garamond";
    src: url("./fonts/EBGaramond-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}

// Extra Bold 800, Italic
@font-face {
    font-family: "Garamond";
    src: url("./fonts/EBGaramond-ExtraBoldItalic.ttf") format("truetype");
    font-weight: 800;
    font-style: italic;
}