@font-face { font-family: 'Roboto'; font-display: swap; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url('fonts/Roboto_400.woff?v=1') format('woff'), url('fonts/Roboto_400.woff2?v=1') format('woff2'); } @font-face { font-family: 'Roboto'; font-display: swap; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url('fonts/Roboto_500.woff?v=1') format('woff'), url('fonts/Roboto_500.woff2?v=1') format('woff2'); } @font-face { font-family: 'Roboto'; font-display: swap; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url('fonts/Roboto_700.woff?v=1') format('woff'), url('fonts/Roboto_700.woff2?v=1') format('woff2'); } @font-face { font-family: 'Roboto'; font-display: swap; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url('fonts/Roboto_400italic.woff?v=1') format('woff'), url('fonts/Roboto_400italic.woff2?v=1') format('woff2'); }