@font-face {
    font-family: 'Calibri'; /* Define a name for your font */
    src: url('fonts/calibri-regular.ttf') format('truetype'); /* Specify the font file path */
    font-weight: normal; /* Optional: Set font weight */
    font-style: normal; /* Optional: Set font style */
}
@font-face {
    font-family: 'Calibri'; /* Define a name for your font */
    src: url('fonts/calibri-bold.ttf') format('truetype'); /* Specify the font file path */
    font-weight: 700; /* Optional: Set font weight */
    font-style: normal; /* Optional: Set font style */
}
@font-face {
    font-family: 'Calibri'; /* Define a name for your font */
    src: url('fonts/calibri-italic.ttf') format('truetype'); /* Specify the font file path */
    font-weight: normal; /* Optional: Set font weight */
    font-style: italic; /* Optional: Set font style */
}
@font-face {
    font-family: 'Calibri'; /* Define a name for your font */
    src: url('fonts/calibri-bold-italic.ttf') format('truetype'); /* Specify the font file path */
    font-weight: 700; /* Optional: Set font weight */
    font-style: italic; /* Optional: Set font style */
}