1@font-face { 2 font-family: 'Roboto'; 3 font-style: normal; 4 font-weight: 400; 5 src: 6 local('Roboto'), 7 local('Roboto-Regular'), 8 url('Roboto_400.eot?#iefix') format('embedded-opentype'), 9 url('Roboto_400.woff') format('woff'), 10 url('Roboto_400.woff2') format('woff2'), 11 url('Roboto_400.svg#Roboto') format('svg'); 12} 13@font-face { 14 font-family: 'Roboto'; 15 font-style: normal; 16 font-weight: 500; 17 src: 18 local('Roboto Medium'), 19 local('Roboto-Medium'), 20 url('Roboto_500.eot?#iefix') format('embedded-opentype'), 21 url('Roboto_500.woff') format('woff'), 22 url('Roboto_500.woff2') format('woff2'), 23 url('Roboto_500.svg#Roboto') format('svg'); 24} 25@font-face { 26 font-family: 'Roboto'; 27 font-style: normal; 28 font-weight: 700; 29 src: 30 local('Roboto Bold'), 31 local('Roboto-Bold'), 32 url('Roboto_700.eot?#iefix') format('embedded-opentype'), 33 url('Roboto_700.woff') format('woff'), 34 url('Roboto_700.woff2') format('woff2'), 35 url('Roboto_700.svg#Roboto') format('svg'); 36} 37