@font-face {
    font-family: 'Suisse';
    src: url('./suisse/SuisseNeue-Light-WebS.woff2') format('woff2'),
         url('./suisse/SuisseNeue-Light-WebS.woff') format('woff');
    font-weight: normal;
    font-style: normal;  
}
@font-face {
    font-family: 'Suisse';   
    src: url('./suisse/SuisseNeue-LightItalic-WebS.woff2') format('woff2'),
         url('./suisse/SuisseNeue-LightItalic-WebS.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

/*not enough difference between light and medium to use it as bold*/
@font-face {
    font-family: 'Suisse-Medium';    
    src: url('./suisse/SuisseNeue-Medium-WebS.woff2') format('woff2'),
         url('./suisse/SuisseNeue-Medium-WebS.woff') format('woff');
    font-style: normal;
}
@font-face {
    font-family: 'Suisse-Medium';    
    src: url('./suisse/SuisseNeue-MediumItalic-WebS.woff2') format('woff2'),
         url('./suisse/SuisseNeue-MediumItalic-WebS.woff') format('woff');
    font-style: italic;
}