/* light */
@font-face
{
    FONT-FAMILY: "Sansation";
    SRC: url("sansation-light.woff2") format("woff2"),
         url("sansation-light.woff") format("woff");
    FONT-WEIGHT: 300;
    FONT-STYLE: normal;
    FONT-DISPLAY: swap;
}

@font-face
{
    FONT-FAMILY: "Sansation";
    SRC: url("sansation-light-italic.woff2") format("woff2"),
         url("sansation-light-italic.woff") format("woff");
    FONT-WEIGHT: 300;
    FONT-STYLE: italic;
    FONT-DISPLAY: swap;
}

/* regular */
@font-face
{
    FONT-FAMILY: "Sansation";
    SRC: url("sansation-regular.woff2") format("woff2"),
         url("sansation-regular.woff") format("woff");
    FONT-WEIGHT: 400;
    FONT-STYLE: normal;
    FONT-DISPLAY: swap;
}

@font-face
{
    FONT-FAMILY: "Sansation";
    SRC: url("sansation-regular-italic.woff2") format("woff2"),
         url("sansation-regular-italic.woff") format("woff");
    FONT-WEIGHT: 400;
    FONT-STYLE: italic;
    FONT-DISPLAY: swap;
}

/* bold */
@font-face
{
    FONT-FAMILY: "Sansation";
    SRC: url("sansation-bold.woff2") format("woff2"),
         url("sansation-bold.woff") format("woff");
    FONT-WEIGHT: 700;
    FONT-STYLE: normal;
    FONT-DISPLAY: swap;
}

@font-face
{
    FONT-FAMILY: "Sansation";
    SRC: url("sansation-bold-italic.woff2") format("woff2"),
         url("sansation-bold-italic.woff") format("woff");
    FONT-WEIGHT: 700;
    FONT-STYLE: italic;
    FONT-DISPLAY: swap;
}