@font-face {

    font-family: 'Matter';

    src: url('webfonts/Matter-Regular.woff2') format('woff2'),

        url('webfonts/Matter-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}

 

@font-face {

    font-family: 'MatterSQ';

    src: url('webfonts/MatterSQ-Regular.woff2') format('woff2'),

        url('webfonts/MatterSQ-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}

 

@font-face {

    font-family: 'SangBleuSunrise';

    src: url('webfonts/SangBleuSunrise-Regular-WebS.woff2') format('woff2'),

        url('webfonts/SangBleuSunrise-Regular-WebS.woff2') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}

 

@font-face {

    font-family: 'SangBleuSunriseXL';

    src: url('webfonts/SangBleuSunrise-Regular-WebXL.woff2') format('woff2'),

        url('webfonts/SangBleuSunrise-Regular-WebXL.woff2') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}