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

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

/* Medium */
@font-face {
	font-family: 'Roboto';
	src: url('Roboto-Medium.eot?#iefix') format('embedded-opentype'),  
		 url('Roboto-Medium.woff') format('woff'), 
		 url('Roboto-Medium.ttf')  format('truetype');
	font-weight: 500;
	font-style: normal;
	text-rendering: optimizeLegibility;
}

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