@font-face {
    font-family: "Open Sans";
    font-display: swap;
    font-style: normal;
    src: url("open-sans/OpenSans-VariableFont.ttf") format("truetype");
}

@font-face {
    font-family: "Open Sans";
    font-display: swap;
    font-style: italic;
    src: url("open-sans/OpenSans-Italic-VariableFont.ttf") format("truetype");
}

@font-face {
    font-family: "Playfair Display";
    font-display: swap;
    src: url("playfair-display/PlayfairDisplay.woff2") format("woff2"),
    url("playfair-display/PlayfairDisplay.woff") format("woff"),
    url("playfair-display/PlayfairDisplay.ttf") format("truetype"),
}