typeface.css

@font-face {
    font-family: "ApfelGrotezk_regular";
    src: url("../typeface/ApfelGrotezk-Regular.woff2") format("woff2"),
        url("../typeface/ApfelGrotezk-Regular.woff") format("woff");
}

@font-face {
    font-family: "ApfelGrotezk_Brukt";
    src: url("../typeface/ApfelGrotezk-Brukt.woff2") format("woff2"),
        url("../typeface/ApfelGrotezk-Brukt.woff") format("woff");
}

@font-face {
    font-family: "ApfelGrotezk_Fett";
    src: url("../typeface/ApfelGrotezk-Fett.woff2") format("woff2"),
        url("../typeface/ApfelGrotezk-Fett.woff") format("woff");
}


p {
    font-family: 'ApfelGrotezk_regular';
}

h1 {
    font-family: 'ApfelGrotezk_fett';
    font-size: 55px;
    margin: 20px;
}

h2 {
    font-family: 'ApfelGrotezk_regular';
    font-size: 30px;
    color: black;
    padding-left: 1em;
    padding-right: 1em;
}

h3 {
    font-family: 'ApfelGrotezk_regular';
    font-size: 45px;
    text-align: center;
}