/* Times New Roman */
@font-face {
    font-family: "TimesNewRoman";
    src: url("/fonts/TimesNewRoman.ttf") format("truetype");
    font-display: swap;
}

/* Arial Bold */
@font-face {
    font-family: "ArialBold";
    src: url("/fonts/ArialBold.ttf") format("truetype");
    font-display: swap;
}

/* Charm */
@font-face {
    font-family: "Charm";
    src: url("/fonts/Charm.ttf") format("truetype");
    font-display: swap;
}

/* Pacifico */
@font-face {
    font-family: "Pacifico";
    src: url("/fonts/Pacifico.ttf") format("truetype");
    font-display: swap;
}

/* DM Serif Display */
@font-face {
    font-family: "DMSerifDisplay";
    src: url("/fonts/DMSerifDisplay.ttf") format("truetype");
    font-display: swap;
}

/* Merriweather */
@font-face {
    font-family: "Merriweather";
    src: url("/fonts/Merriweather.ttf") format("truetype");
    font-display: swap;
}

/* Parisienne */
@font-face {
    font-family: "Parisienne";
    src: url("/fonts/Parisienne.ttf") format("truetype");
    font-display: swap;
}

/* Define classes */
.font-TimesNewRoman {
    font-family: "TimesNewRoman";
}

.font-ArialBold {
    font-family: "ArialBold";
}

.font-Charm {
    font-family: "Charm";
}

.font-Pacifico {
    font-family: "Pacifico";
}

.font-DMSerifDisplay {
    font-family: "DMSerifDisplay";
}

.font-Merriweather {
    font-family: "Merriweather";
}

.font-Parisienne {
    font-family: "Parisienne";
}