@font-face {
    font-family: 'myFontLight';
    src: url('light/myFont.eot');
    src: url('light/myFont.eot') format('embedded-opentype'),
    url('light/myFont.woff2') format('woff2'),
    url('light/myFont.woff') format('woff'),
    url('light/myFont.ttf') format('truetype'),
    url('light/myFont.svg#myFont') format('svg');
}
@font-face {
    font-family: 'myFontRegular';
    src: url('regular/myFont.eot');
    src: url('regular/myFont.eot') format('embedded-opentype'),
    url('regular/myFont.woff2') format('woff2'),
    url('regular/myFont.woff') format('woff'),
    url('regular/myFont.ttf') format('truetype'),
    url('regular/myFont.svg#myFont') format('svg');
}
@font-face {
    font-family: 'myFontSemibold';
    src: url('semibold/myFont.eot');
    src: url('semibold/myFont.eot') format('embedded-opentype'),
    url('semibold/myFont.woff2') format('woff2'),
    url('semibold/myFont.woff') format('woff'),
    url('semibold/myFont.ttf') format('truetype'),
    url('semibold/myFont.svg#myFont') format('svg');
}
@font-face {
    font-family: 'myFontBold';
    src: url('bold/myFont.eot');
    src: url('bold/myFont.eot') format('embedded-opentype'),
         url('bold/myFont.woff2') format('woff2'),
         url('bold/myFont.woff') format('woff'),
         url('bold/myFont.ttf') format('truetype'),
         url('bold/myFont.svg#myFont') format('svg');
}