@font-face {
    font-family: 'arial-black';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/arial-black.ttf') format('truetype'),
        url('../fonts/arial-black.eot') format('embedded-opentype'),
        url('../fonts/arial-black.woff') format('woff'),
        url('../fonts/arial-black.svg') format('svg');
}
@font-face {
    font-family: 'arial-bold';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/arial-bold.ttf') format('truetype'),
        url('../fonts/arial-bold.eot') format('embedded-opentype'),
        url('../fonts/arial-bold.woff') format('woff'),
        url('../fonts/arial-bold.svg') format('svg');
}

@font-face {
    font-family: 'arial-regular';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/arial-regular.ttf') format('truetype'),
        url('../fonts/arial-regular.eot') format('embedded-opentype'),
        url('../fonts/arial-regular.woff') format('woff'),
        url('../fonts/arial-regular.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');
}
*/