@font-face{
    font-family: 'Saans';
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    src: url('web/Saans-Light.woff2') format('woff2'),
         url('web/Saans-Light.woff') format('woff')
         url('otf/Saans-Light.otf') format('opentype')
         url('ttf/Saans-Light.ttf') format('truetype');
}
@font-face{
    font-family: 'Saans';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    src: url('web/Saans-Regular.woff2') format('woff2'),
         url('web/Saans-Regular.woff') format('woff')
         url('otf/Saans-Regular.otf') format('opentype')
         url('ttf/Saans-Regular.ttf') format('truetype');
}
@font-face{
    font-family: 'Saans';
    font-weight: 500;
    font-style: italic;
    font-stretch: normal;
    src: url('web/Saans-RegularItalic.woff2') format('woff2'),
         url('web/Saans-RegularItalic.woff') format('woff')
         url('otf/Saans-RegularItalic.otf') format('opentype')
         url('ttf/Saans-RegularItalic.ttf') format('truetype');
}
@font-face{
    font-family: 'Saans';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    src: url('web/Saans-Medium.woff2') format('woff2'),
         url('web/Saans-Medium.woff') format('woff')
         url('otf/Saans-Medium.otf') format('opentype')
         url('ttf/Saans-Medium.ttf') format('truetype');
}
@font-face{
    font-family: 'Saans';
    font-weight: 700;
    font-style: italic;
    font-stretch: normal;
    src: url('web/Saans-MediumItalic.woff2') format('woff2'),
         url('web/Saans-MediumItalic.woff') format('woff')
         url('otf/Saans-MediumItalic.otf') format('opentype')
         url('ttf/Saans-MediumItalic.ttf') format('truetype');
}