@font-face {
    font-family: 'Avenir-Regular';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/Avenir-Regular.ttf') format('truetype'),
        url('../fonts/Avenir-Regular.eot') format('embedded-opentype'),
        url('../fonts/Avenir-Regular.woff') format('woff'),
        url('../fonts/Avenir-Regular.svg') format('svg');
}
@font-face {
    font-family: 'Avenir-Black';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/Avenir-Black.ttf') format('truetype'),
        url('../fonts/Avenir-Black.eot') format('embedded-opentype'),
        url('../fonts/Avenir-Black.woff') format('woff'),
        url('../fonts/Avenir-Black.svg') format('svg');
} 
@font-face {
    font-family: 'Playlist-Script';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/Playlist-Script.ttf') format('truetype'),
        url('../fonts/Playlist-Script.eot') format('embedded-opentype'),
        url('../fonts/Playlist-Script.woff') format('woff'),
        url('../fonts/Playlist-Script.svg') format('svg');
} 
/*
@font-face {
    font-family: 'arial-Light';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/arial-Light.eot') format('embedded-opentype'),
        url('../fonts/arial-Light.woff') format('woff'),
        url('../fonts/arial-Light.ttf') format('truetype'),
        url('../fonts/arial-Light.svg') format('svg');
}
*/