Souke/backend/web/sass/_fonts.scss

@font-face {
    font-family: 'comfortaabold';
    src: url($dir-fonts+'comfortaa-bold-webfont.eot');
    src: url($dir-fonts+'comfortaa-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url($dir-fonts+'comfortaa-bold-webfont.woff2') format('woff2'),
         url($dir-fonts+'comfortaa-bold-webfont.woff') format('woff'),
         url($dir-fonts+'comfortaa-bold-webfont.ttf') format('truetype'),
         url($dir-fonts+'comfortaa-bold-webfont.svg#comfortaabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'comfortaalight';
    src: url($dir-fonts+'comfortaa-light-webfont.eot');
    src: url($dir-fonts+'comfortaa-light-webfont.eot?#iefix') format('embedded-opentype'),
         url($dir-fonts+'comfortaa-light-webfont.woff2') format('woff2'),
         url($dir-fonts+'comfortaa-light-webfont.woff') format('woff'),
         url($dir-fonts+'comfortaa-light-webfont.ttf') format('truetype'),
         url($dir-fonts+'comfortaa-light-webfont.svg#comfortaalight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'comfortaaregular';
    src: url($dir-fonts+'comfortaa-regular-webfont.eot');
    src: url($dir-fonts+'comfortaa-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url($dir-fonts+'comfortaa-regular-webfont.woff2') format('woff2'),
         url($dir-fonts+'comfortaa-regular-webfont.woff') format('woff'),
         url($dir-fonts+'comfortaa-regular-webfont.ttf') format('truetype'),
         url($dir-fonts+'comfortaa-regular-webfont.svg#comfortaaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'myriadpro-it';
    src: url($dir-fonts+'myriadpro-it.eot');
    src: url($dir-fonts+'myriadpro-it.eot?#iefix') format('embedded-opentype'),
         url($dir-fonts+'myriadpro-it.woff') format('woff'),
         url($dir-fonts+'myriadpro-it.ttf') format('truetype'),
         url($dir-fonts+'myriadpro-it.svg#myriadpro-it') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'myriadpro-light';
    src: url($dir-fonts+'myriadpro-light.eot');
    src: url($dir-fonts+'myriadpro-light.eot?#iefix') format('embedded-opentype'),
         url($dir-fonts+'myriadpro-light.woff') format('woff'),
         url($dir-fonts+'myriadpro-light.ttf') format('truetype'),
         url($dir-fonts+'myriadpro-light.svg#myriadpro-light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'myriadpro-regular';
    src: url($dir-fonts+'myriadpro-regular.eot');
    src: url($dir-fonts+'myriadpro-regular.eot?#iefix') format('embedded-opentype'),
         url($dir-fonts+'myriadpro-regular.woff') format('woff'),
         url($dir-fonts+'myriadpro-regular.ttf') format('truetype'),
         url($dir-fonts+'myriadpro-regular.svg#myriadpro-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'myriadpro-semibold';
    src: url($dir-fonts+'myriadpro-semibold.eot');
    src: url($dir-fonts+'myriadpro-semibold.eot?#iefix') format('embedded-opentype'),
         url($dir-fonts+'myriadpro-semibold.woff') format('woff'),
         url($dir-fonts+'myriadpro-semibold.ttf') format('truetype'),
         url($dir-fonts+'myriadpro-semibold.svg#myriadpro-semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}