@font-face {
    font-family: 'Suisse';
    src: url('../fonts/suisse/SuisseNeue-Light-WebS.woff2') format('woff2'),
         url('../fonts/suisse/SuisseNeue-Light-WebS.woff') format('woff'),
         url('../fonts/suisse/SuisseNeue-Light-WebS.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;  
}
@font-face {
    font-family: 'Suisse';   
    src: url('../fonts/suisse/SuisseNeue-LightItalic-WebS.woff2') format('woff2'),
         url('../fonts/suisse/SuisseNeue-LightItalic-WebS.woff') format('woff'),
         url('../fonts/suisse/SuisseNeue-LightItalic-WebS.ttf') format('truetype');
    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('../fonts/suisse/SuisseNeue-Medium-WebS.woff2') format('woff2'),
         url('../fonts/suisse/SuisseNeue-Medium-WebS.woff') format('woff'),
         url('../fonts/suisse/SuisseNeue-Medium-WebS.ttf') format('truetype');
    font-style: normal;
}
@font-face {
    font-family: 'Suisse-Medium';    
    src: url('../fonts/suisse/SuisseNeue-MediumItalic-WebS.woff2') format('woff2'),
         url('../fonts/suisse/SuisseNeue-MediumItalic-WebS.woff') format('woff'),
         url('../fonts/suisse/SuisseNeue-MediumItalic-WebS.ttf') format('truetype');
    font-style: italic;
}