@font-face {
    font-display: swap;
    font-family: 'OpenSansTH';
    src: url('fonts/OpenSans-Regular.ttf'), url('fonts/OpenSans-Bold.ttf'), url('fonts/OpenSans-ExtraBold.ttf') ;
}

@font-face {
    font-display: swap;
    font-family: 'OpenSansTH';
    font-style: bold;
    font-weight: 900;
    src: url('fonts/OpenSans-Bold.ttf');
}

@font-face {
    font-display: swap;
    font-family: 'KanitTH';
    src: url('fonts/Kanit-Regular.ttf'), url('fonts/fonts/Kanit-Medium.ttf'), url('fonts/Kanit-Light.ttf');
}

@font-face {
    font-display: swap;
    font-family: 'SarabunTH';
    src: url('fonts/Sarabun-Regular.ttf');
}

@font-face {
    font-display: swap;
    font-family: 'SarabunTH';
    font-weight: bold;
    src: url('fonts/Sarabun-Bold.ttf');
}

@font-face {
    font-display: swap;
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular.ttf'), url('fonts/Roboto-Medium.ttf'), url('fonts/Roboto-Light.ttf');
}

@font-face {
    font-display: swap;
    font-family: 'Anton';
    src: url('fonts/Anton-Regular.ttf');
}

@font-face {
    font-display: swap;
    font-family: 'FjallaOne';
    src: url('fonts/FjallaOne-Regular.ttf');
}

@font-face {
    font-display: swap;
    font-family: 'Abel';
    src: url('fonts/Abel-Regular.ttf');
}

@font-face {
    font-display: swap;
    font-family: 'Lobster';
    src: url('fonts/Lobster-Regular.ttf');
}

@font-face {
    font-display: swap;
    font-family: 'IndieFlower';
    src: url('fonts/IndieFlower-Regular.ttf');
}

@font-face {
    font-display: swap;
    font-family: 'Rakkas';
    src: url('fonts/Rakkas-Regular.ttf');
}

@font-face {
    font-display: swap;
    font-family: 'Vibur';
    src: url('fonts/Vibur-Regular.ttf');
}

@font-face {
    font-display: swap;
    font-family: 'NovaRound';
    src: url('fonts/NovaRound-Regular.ttf');
}

@font-face {
    font-display: swap;
    font-family: 'Pacifico';
    src: url('fonts/Pacifico-Regular.ttf');
}

@font-face {
    font-display: swap;
    font-family: 'Teko';
    src: url('fonts/Teko-Regular.ttf'), url('fonts/Teko-Medium.ttf'), url('fonts/Teko-Light.ttf');
}

@font-face {
    font-display: swap;
    font-family: 'PermanentMarker';
    src: url('fonts/PermanentMarker-Regular.ttf');
}

@font-face {
    font-display: swap;
    font-family: 'FredokaOne';
    src: url('fonts/FredokaOne-Regular.ttf');
}

@font-face {
    font-display: swap;
    font-family: 'GreatVibes';
    src: url('fonts/GreatVibes-Regular.ttf');
}

@font-face {
    font-display: swap;
    font-family: 'MrDafoe';
    src: url('fonts/MrDafoe-Regular.ttf');
}

@font-face {
    font-display: swap;
    font-family: 'LeckerliOne';
    src: url('fonts/LeckerliOne-Regular.ttf');
}

@font-face {
    font-display: swap;
    font-family: 'ChelaOne';
    src: url('fonts/ChelaOne-Regular.ttf');
}