@font-face {
    font-family: 'MiSans';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url('font/MiSansLatin-ExtraLight.woff2') format('woff2');
}
@font-face {
    font-family: 'MiSans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('font/MiSansLatin-Light.woff2') format('woff2');
}
@font-face {
    font-family: 'MiSans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('font/MiSansLatin-Regular.woff2') format('woff2');
}
@font-face {
    font-family: 'MiSans';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('font/MiSansLatin-Medium.woff2') format('woff2');
}
@font-face {
    font-family: 'MiSans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('font/MiSansLatin-Heavy.woff2') format('woff2');
}
@font-face {
    font-family: 'MiSans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('font/MiSansLatin-Semibold.woff2') format('woff2');
}
@font-face {
    font-family: 'MiSans';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('font/MiSansLatin-Demibold.woff2') format('woff2');
}
@font-face {
    font-family: 'MiSans';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('font/MiSansLatin-Bold.woff2') format('woff2');
}


/* thai */
@font-face {
    font-family: 'MiSans Thai';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url('font/MiSansThai-ExtraLight.woff2') format('woff2');
}
@font-face {
    font-family: 'MiSans Thai';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('font/MiSansThai-Light.woff2') format('woff2');
}
@font-face {
    font-family: 'MiSans Thai';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('font/MiSansThai.woff2') format('woff2');
}
@font-face {
    font-family: 'MiSans Thai';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('font/MiSansThai-Medium.woff2') format('woff2');
}
@font-face {
    font-family: 'MiSans Thai';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('font/MiSansThai-Heavy.woff2') format('woff2');
}
@font-face {
    font-family: 'MiSans Thai';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('font/MiSansThai-Semibold.woff2') format('woff2');
}
@font-face {
    font-family: 'MiSans Thai';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('font/MiSansThai-Demibold.woff2') format('woff2');
}
@font-face {
    font-family: 'MiSans Thai';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('font/MiSansThai-Bold.woff2') format('woff2');
}
@font-face {
    font-family: 'Sarun';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    src: url('font/SarunsThangLuang.woff2') format('woff2');
}