@font-face {
    font-family: 'Charis';
    src: url('fonts/Charis-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Charis';
    src: url('fonts/Charis-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: block;
}

@font-face {
    font-family: 'Charis';
    src: url('fonts/Charis-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Charis';
    src: url('fonts/Charis-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: block;
}

* {
    font-family: 'Charis', serif !important;
}

html, body {
    font-family: 'Charis', serif !important;
}

h1, h2, h3, h4, h5, h6,
p, span, div, a, button,
label, select, option,
input, textarea,
table, th, td,
li, ul, ol, dl, dt, dd,
blockquote, pre, code,
strong, em, b, i,
sub, sup {
    font-family: 'Charis', serif !important;
}