homepage/styles/font.css

@font-face {
    font-family: "IBM Plex Sans";
    src: url(../fonts/IBMPlexSans/IBMPlexSans-Regular.woff2);
}

@font-face {
    font-family: "IBM Plex Sans";
    src: url(../fonts/IBMPlexSans/IBMPlexSans-Italic.woff2);
    font-style: italic;
}

@font-face {
    font-family: "IBM Plex Sans";
    src: url(../fonts/IBMPlexSans/IBMPlexSans-Bold.woff2);
    font-weight: bold;
}

@font-face {
    font-family: "IBM Plex Sans";
    src: url(../fonts/IBMPlexSans/IBMPlexSans-BoldItalic.woff2);
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "IBM Plex Sans";
    src: url(../fonts/IBMPlexSans/IBMPlexSans-Light.woff2);
    font-weight: 300;
}

@font-face {
    font-family: "IBM Plex Sans";
    src: url(../fonts/IBMPlexSans/IBMPlexSans-LightItalic.woff2);
    font-weight: 300;
    font-style: italic;
}

/* Monospace variant(s) */
@font-face {
    font-family: "IBM Plex Mono";
    src: url(../fonts/IBMPlexMono/IBMPlexMono-Regular.ttf);
}

/* serif font */
@font-face {
    font-family: "Cormorant Garamond";
    src: url(../fonts/CormorantGaramond/CormorantGaramond-Regular.ttf);
}

@font-face {
    font-family: "Cormorant Garamond";
    src: url(../fonts/CormorantGaramond/CormorantGaramond-Bold.ttf);
    font-weight: bold;
}

@font-face {
    font-family: "Cormorant Garamond";
    src: url(../fonts/CormorantGaramond/CormorantGaramond-Italic.ttf);
    font-style: italic;
}

@font-face {
    font-family: "Cormorant Garamond";
    src: url(../fonts/CormorantGaramond/CormorantGaramond-Light.ttf);
    font-weight: 300;
}

@font-face {
    font-family: "Cormorant Garamond";
    src: url(../fonts/CormorantGaramond/CormorantGaramond-Medium.ttf);
    font-weight: 500;
}

@font-face {
    font-family: "Cormorant Garamond";
    src: url(../fonts/CormorantGaramond/CormorantGaramond-SemiBold.ttf);
    font-weight: 600;
}