/* thin */
@font-face
{
    FONT-FAMILY: "Noto Sans";
    SRC: url("NotoSans-Thin.woff2") format("woff2");
    FONT-WEIGHT: 100;
    FONT-STYLE: normal;
    FONT-DISPLAY: swap;
}

@font-face
{
    FONT-FAMILY: "Noto Sans";
    SRC: url("NotoSans-ThinItalic.woff2") format("woff2");
    FONT-WEIGHT: 100;
    FONT-STYLE: italic;
    FONT-DISPLAY: swap;
}

/* extra light */
@font-face
{
    FONT-FAMILY: "Noto Sans";
    SRC: url("NotoSans-ExtraLight.woff2") format("woff2");
    FONT-WEIGHT: 200;
    FONT-STYLE: normal;
    FONT-DISPLAY: swap;
}

@font-face
{
    FONT-FAMILY: "Noto Sans";
    SRC: url("NotoSans-ExtraLightItalic.woff2") format("woff2");
    FONT-WEIGHT: 200;
    FONT-STYLE: italic;
    FONT-DISPLAY: swap;
}

/* light */
@font-face
{
    FONT-FAMILY: "Noto Sans";
    SRC: url("NotoSans-Light.woff2") format("woff2");
    FONT-WEIGHT: 300;
    FONT-STYLE: normal;
    FONT-DISPLAY: swap;
}

@font-face
{
    FONT-FAMILY: "Noto Sans";
    SRC: url("NotoSans-LightItalic.woff2") format("woff2");
    FONT-WEIGHT: 300;
    FONT-STYLE: italic;
    FONT-DISPLAY: swap;
}

/* regular */
@font-face
{
    FONT-FAMILY: "Noto Sans";
    SRC: url("NotoSans-Regular.woff2") format("woff2");
    FONT-WEIGHT: 400;
    FONT-STYLE: normal;
    FONT-DISPLAY: swap;
}

@font-face
{
    FONT-FAMILY: "Noto Sans";
    SRC: url("NotoSans-Italic.woff2") format("woff2");
    FONT-WEIGHT: 400;
    FONT-STYLE: italic;
    FONT-DISPLAY: swap;
}

/* medium */
@font-face
{
    FONT-FAMILY: "Noto Sans";
    SRC: url("NotoSans-Medium.woff2") format("woff2");
    FONT-WEIGHT: 500;
    FONT-STYLE: normal;
    FONT-DISPLAY: swap;
}

@font-face
{
    FONT-FAMILY: "Noto Sans";
    SRC: url("NotoSans-MediumItalic.woff2") format("woff2");
    FONT-WEIGHT: 500;
    FONT-STYLE: italic;
    FONT-DISPLAY: swap;
}

/* semi bold */
@font-face
{
    FONT-FAMILY: "Noto Sans";
    SRC: url("NotoSans-SemiBold.woff2") format("woff2");
    FONT-WEIGHT: 600;
    FONT-STYLE: normal;
    FONT-DISPLAY: swap;
}

@font-face
{
    FONT-FAMILY: "Noto Sans";
    SRC: url("NotoSans-SemiBoldItalic.woff2") format("woff2");
    FONT-WEIGHT: 600;
    FONT-STYLE: italic;
    FONT-DISPLAY: swap;
}

/* bold */
@font-face
{
    FONT-FAMILY: "Noto Sans";
    SRC: url("NotoSans-Bold.woff2") format("woff2");
    FONT-WEIGHT: 700;
    FONT-STYLE: normal;
    FONT-DISPLAY: swap;
}

@font-face
{
    FONT-FAMILY: "Noto Sans";
    SRC: url("NotoSans-BoldItalic.woff2") format("woff2");
    FONT-WEIGHT: 700;
    FONT-STYLE: italic;
    FONT-DISPLAY: swap;
}

/* extra bold */
@font-face
{
    FONT-FAMILY: "Noto Sans";
    SRC: url("NotoSans-ExtraBold.woff2") format("woff2");
    FONT-WEIGHT: 800;
    FONT-STYLE: normal;
    FONT-DISPLAY: swap;
}

@font-face
{
    FONT-FAMILY: "Noto Sans";
    SRC: url("NotoSans-ExtraBoldItalic.woff2") format("woff2");
    FONT-WEIGHT: 800;
    FONT-STYLE: italic;
    FONT-DISPLAY: swap;
}

/* black */
@font-face
{
    FONT-FAMILY: "Noto Sans";
    SRC: url("NotoSans-Black.woff2") format("woff2");
    FONT-WEIGHT: 900;
    FONT-STYLE: normal;
    FONT-DISPLAY: swap;
}

@font-face
{
    FONT-FAMILY: "Noto Sans";
    SRC: url("NotoSans-BlackItalic.woff2") format("woff2");
    FONT-WEIGHT: 900;
    FONT-STYLE: italic;
    FONT-DISPLAY: swap;
}