@font-face {
    font-family: SnowflakeSans;
    src: url(./assets/font/snowflake/SnowflakeSans-Black.woff) format("woff"),
        url(./assets/font/snowflake/SnowflakeSans-Black.woff2) format("woff2");
    font-weight: 900;
    font-display: swap;
}

@font-face {
    font-family: SnowflakeSans-book;
    src: url(./assets/font/snowflake/SnowflakeSans-Book.woff) format("woff"),
        url(./assets/font/snowflake/SnowflakeSans-Book.woff2) format("woff2");
    font-display: swap;
}

@font-face {
    font-family: SnowflakeSans;
    src: url(./assets/font/snowflake/SnowflakeSans-Bold.woff) format("woff"),
        url(./assets/font/snowflake/SnowflakeSans-Bold.woff2) format("woff2");
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: SnowflakeSans;
    src: url(./assets/font/snowflake/SnowflakeSans-Medium.woff) format("woff"),
        url(./assets/font/snowflake/SnowflakeSans-Medium.woff2) format("woff2");
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: SnowflakeSans;
    src: url(./assets/font/snowflake/SnowflakeSans-Light.woff) format("woff"),
        url(./assets/font/snowflake/SnowflakeSans-Light.woff2) format("woff2");
    font-weight: 300;
    font-display: swap;
}


@font-face {
    font-family: okb;
    src: url(./assets/font/okb/OneBangkok-Bold.otf) format("opentype");
    font-weight: 900;
    font-display: swap;
}

@font-face {
    font-family: okb;
    src: url(./assets/font/okb/OneBangkok-BoldItalic.otf) format("opentype");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: okb;
    src: url(./assets/font/okb/OneBangkok-Medium.otf) format("opentype");
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: okb;
    src: url(./assets/font/okb/OneBangkok-MediumItalic.otf) format("opentype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: okb;
    src: url(./assets/font/okb/OneBangkok-Regular.otf) format("opentype");
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: okb;
    src: url(./assets/font/okb/OneBangkok-Italic.otf) format("opentype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: okb;
    src: url(./assets/font/okb/OneBangkok-Light.otf) format("opentype");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: okb;
    src: url(./assets/font/okb/OneBangkok-LightItalic.otf) format("opentype");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: WTGothic;
    src: url(./assets/font/WTGothic/WTGothic-MediumItalic.woff2) format('woff2'),
        url(./assets/font/WTGothic/WTGothic-MediumItalic.woff) format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: WTGothic;
    src: url(./assets/font/WTGothic/WTGothic-Medium.woff2) format('woff2'),
        url(./assets/font/WTGothic/WTGothic-Medium.woff) format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: WTGothic;
    src: url(./assets/font/WTGothic/WTGothic-Light.woff2) format('woff2'),
        url(./assets/font/WTGothic/WTGothic-Light.woff) format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: WTGothic;
    src: url(./assets/font/WTGothic/WTGothic-BoldItalic.woff2) format('woff2'),
        url(./assets/font/WTGothic/WTGothic-BoldItalic.woff) format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: WTGothic;
    src: url(./assets/font/WTGothic/WTGothic-Regular.woff2) format('woff2'),
        url(./assets/font/WTGothic/WTGothic-Regular.woff) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: WTGothic;
    src: url(./assets/font/WTGothic/WTGothic-LightItalic.woff2) format('woff2'),
        url(./assets/font/WTGothic/WTGothic-LightItalic.woff) format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: WTGothic;
    src: url(./assets/font/WTGothic/WTGothic-Bold.woff2) format('woff2'),
        url(./assets/font/WTGothic/WTGothic-Bold.woff) format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: WTGothic;
    src: url(./assets/font/WTGothic/WTGothic-RegularItalic.woff2) format('woff2'),
        url(./assets/font/WTGothic/WTGothic-RegularItalic.woff) format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: WTGothic;
    src: url(./assets/font/WTGothic/WTGothic-Semi-Bold.woff2) format('woff2'),
        url(./assets/font/WTGothic/WTGothic-Semi-Bold.woff) format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: WTGothic;
    src: url(./assets/font/WTGothic/WTGothic-Semi-BoldItalic.woff2) format('woff2'),
        url(./assets/font/WTGothic/WTGothic-Semi-BoldItalic.woff) format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}