@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url('Roboto_300.eot?#iefix') format('embedded-opentype'), url('Roboto_300.woff') format('woff'), url('Roboto_300.woff2') format('woff2'), url('Roboto_300.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url('Roboto_400.eot?#iefix') format('embedded-opentype'), url('Roboto_400.woff') format('woff'), url('Roboto_400.woff2') format('woff2'), url('Roboto_400.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url('Roboto_500.eot?#iefix') format('embedded-opentype'), url('Roboto_500.woff') format('woff'), url('Roboto_500.woff2') format('woff2'), url('Roboto_500.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url('Roboto_700.eot?#iefix') format('embedded-opentype'), url('Roboto_700.woff') format('woff'), url('Roboto_700.woff2') format('woff2'), url('Roboto_700.svg#Roboto') format('svg'); }