@font-face {
    font-family: "Calibri";
    src: local("Calibri"), 
         url("calibri.woff2") format("woff2"),
         url("calibri.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Calibri";
    src: local("Calibri Bold"), local("Calibri-Bold"),
         url("calibri-bold.woff2") format("woff2"),
         url("calibri-bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Calibri";
    src: local("Calibri Italic"), local("Calibri-Italic"),
         url("calibri-italic.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}