@font-face {
    font-family: 'SF Pro-ExtraLight';
    src: url('../../fonts/Kanit-ExtraLight.otf') format('truetype');
}

@font-face {
    font-family: 'SF Pro-Light';
    src: url('../../fonts/Kanit-Light.otf') format('truetype');
}


@font-face {
    font-family: 'SF Pro-Regular';
    src: url('../../fonts/SFPRODISPLAYREGULAR.otf') format('truetype');
}


@font-face {
    font-family: 'SF Pro-Medium';
    src: url('../../fonts/SFPRODISPLAYMEDIUM.otf') format('truetype');
}

@font-face {
    font-family: 'SF Pro-Black';
    src: url('../../fonts/SFPRODISPLAYBLACKITALIC.otf') format('truetype');
}

@font-face {
    font-family: 'SF Pro-SemiBold';
    src: url('../../fonts/SFPRODISPLAYSEMIBOLDITALIC.otf') format('truetype');
}

@font-face {
    font-family: 'SF Pro-SemiBold';
    src: url('../../fonts/SFPRODISPLAYBOLD.otf') format('truetype');
}



@font-face {
    font-family: 'Helvetica-Light';
    src: url('../../fonts/Helvetica-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Helvetica-Regular';
    src: url('../../fonts/Helvetica.ttf') format('truetype');
}


@font-face {
    font-family: 'Helvetica-Bold';
    src: url('../../fonts/Helvetica-Bold.ttf') format('truetype');
}