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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

/* extra black */
@font-face
{
    FONT-FAMILY: "DM Sans Extra Black";
    SRC: url("DMSans-ExtraBlack.woff2") format("woff2");
    FONT-WEIGHT: 400;
    FONT-STYLE: normal;
    FONT-DISPLAY: swap;
}

@font-face
{
    FONT-FAMILY: "DM Sans Extra Black";
    SRC: url("DMSans-ExtraBlackItalic.woff2") format("woff2");
    FONT-WEIGHT: 400;
    FONT-STYLE: italic;
    FONT-DISPLAY: swap;
}