@font-face {
font-family: 'Roboto';
src: url('../css/fonts/');
src: url('../css/fonts/?#iefix') format('embedded-opentype'),
url('../css/fonts/Roboto-Light.woff') format('woff'),
url('../css/fonts/Roboto-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}

@font-face {
font-family: 'Roboto';
src: url('../css/fonts/Roboto-Regular.eot');
src: url('../css/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
url('../css/fonts/Roboto-Regular.woff') format('woff'),
url('../css/fonts/Roboto-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: 'Roboto';
src: url('../css/fonts/Roboto-Bold.eot');
src: url('../css/fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
url('../css/fonts/Roboto-Bold.woff') format('woff'),
url('../css/fonts/Roboto-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}