@font-face {
	font-family: 'Roboto';
	src: url('Roboto.eot'); /* IE9 Compat Modes */
	src: url('Roboto.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
	    url('Roboto.woff') format('woff2'), /* Super Modern Browsers */
	    url('Roboto.woff') format('woff'), /* Pretty Modern Browsers */
	    url('Roboto.ttf')  format('truetype'), /* Safari, Android, iOS */
	    url('Roboto.svg') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Heroid';
	src: url('Heroid.eot'); /* IE9 Compat Modes */
	src: url('Heroid.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
	    url('Heroid.woff') format('woff2'), /* Super Modern Browsers */
	    url('Heroid.woff') format('woff'), /* Pretty Modern Browsers */
	    url('Heroid.ttf')  format('truetype'), /* Safari, Android, iOS */
	    url('Heroid.svg') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}