Change main font to Roboto

src/scss/fonts/fonts.scss

-/* This stylesheet generated by Transfonter (https://transfonter.org) on October 5, 2017 10:21 PM */
-
-@font-face {
-  font-family: 'FuturaDemiC';
-  font-style: normal;
-  font-weight: normal;
-  src: url('./fonts/FuturaDemiC.eot');
-  src: local('Futura Demi Cyrillic'), local('FuturaDemiC'),
-    url('./fonts/FuturaDemiC.eot?#iefix') format('embedded-opentype'),
-    url('./fonts/FuturaDemiC.woff') format('woff'),
-    url('./fonts/FuturaDemiC.ttf') format('truetype');
-}
-
+/* roboto-regular - latin-ext_latin_cyrillic-ext_cyrillic */
 @font-face {
-  font-family: 'FuturaMediumC';
+  font-family: 'Roboto';
   font-style: normal;
-  font-weight: 500;
-  src: url('./fonts/FuturaMediumC.eot');
-  src: local('Futura Medium Cyrillic'), local('FuturaMediumC'),
-    url('./fonts/FuturaMediumC.eot?#iefix') format('embedded-opentype'),
-    url('./fonts/FuturaMediumC.woff') format('woff'),
-    url('./fonts/FuturaMediumC.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'FuturaLightC';
-  font-style: italic;
-  font-weight: 300;
-  src: url('./fonts/FuturaLightC-Italic.eot');
-  src: local('Futura Light Italic Cyrillic'), local('FuturaLightC-Italic'),
-    url('./fonts/FuturaLightC-Italic.eot?#iefix') format('embedded-opentype'),
-    url('./fonts/FuturaLightC-Italic.woff') format('woff'),
-    url('./fonts/FuturaLightC-Italic.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'FuturaMediumC';
-  font-style: italic;
-  font-weight: 500;
-  src: url('./fonts/FuturaMediumC-Italic.eot');
-  src: local('Futura Medium Italic Cyrillic'), local('FuturaMediumC-Italic'),
-    url('./fonts/FuturaMediumC-Italic.eot?#iefix') format('embedded-opentype'),
-    url('./fonts/FuturaMediumC-Italic.woff') format('woff'),
-    url('./fonts/FuturaMediumC-Italic.ttf') format('truetype');
+  font-weight: 400;
+  src: url('./fonts/roboto-v20-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */
+  src: local('Roboto'), local('Roboto-Regular'),
+    url('./fonts/roboto-v20-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+    url('./fonts/roboto-v20-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
+    url('./fonts/roboto-v20-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
+    url('./fonts/roboto-v20-latin-ext_latin_cyrillic-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
+    url('./fonts/roboto-v20-latin-ext_latin_cyrillic-ext_cyrillic-regular.svg#Roboto') format('svg'); /* Legacy iOS */
 }
 
+/* roboto-700 - latin-ext_latin_cyrillic-ext_cyrillic */
 @font-face {
-  font-family: 'FuturaLightC';
+  font-family: 'Roboto';
   font-style: normal;
-  font-weight: 300;
-  src: url('./fonts/FuturaLightC.eot');
-  src: local('Futura Light Cyrillic'), local('FuturaLightC'),
-    url('./fonts/FuturaLightC.eot?#iefix') format('embedded-opentype'),
-    url('./fonts/FuturaLightC.woff') format('woff'),
-    url('./fonts/FuturaLightC.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'FuturaDemiC';
-  font-style: italic;
-  font-weight: normal;
-  src: url('./fonts/FuturaDemiC-Italic.eot');
-  src: local('Futura Demi Italic Cyrillic'), local('FuturaDemiC-Italic'),
-    url('./fonts/FuturaDemiC-Italic.eot?#iefix') format('embedded-opentype'),
-    url('./fonts/FuturaDemiC-Italic.woff') format('woff'),
-    url('./fonts/FuturaDemiC-Italic.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'FuturaBookC';
-  font-style: italic;
-  font-weight: normal;
-  src: url('./fonts/FuturaBookC-Italic.eot');
-  src: local('Futura Book Italic Cyrillic'), local('FuturaBookC-Italic'),
-    url('./fonts/FuturaBookC-Italic.eot?#iefix') format('embedded-opentype'),
-    url('./fonts/FuturaBookC-Italic.woff') format('woff'),
-    url('./fonts/FuturaBookC-Italic.ttf') format('truetype');
+  font-weight: 700;
+  src: url('./fonts/roboto-v20-latin-ext_latin_cyrillic-ext_cyrillic-700.eot'); /* IE9 Compat Modes */
+  src: local('Roboto Bold'), local('Roboto-Bold'),
+    url('./fonts/roboto-v20-latin-ext_latin_cyrillic-ext_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+    url('./fonts/roboto-v20-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */
+    url('./fonts/roboto-v20-latin-ext_latin_cyrillic-ext_cyrillic-700.woff') format('woff'), /* Modern Browsers */
+    url('./fonts/roboto-v20-latin-ext_latin_cyrillic-ext_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */
+    url('./fonts/roboto-v20-latin-ext_latin_cyrillic-ext_cyrillic-700.svg#Roboto') format('svg'); /* Legacy iOS */
 }
 
-@font-face {
-  font-family: 'FuturaBookC';
-  font-style: normal;
-  font-weight: normal;
-  src: url('./fonts/FuturaBookC.eot');
-  src: local('Futura Book Cyrillic'), local('FuturaBookC'),
-    url('./fonts/FuturaBookC.eot?#iefix') format('embedded-opentype'),
-    url('./fonts/FuturaBookC.woff') format('woff'),
-    url('./fonts/FuturaBookC.ttf') format('truetype');
-}

src/scss/utils/common.scss

@@ -22,7 +22,7 @@ html {
 body {
   background: $default-color;
   color: $neutral-primary;
-  font-family: 'FuturaMediumC';
+  font-family: 'Roboto';
   font-size: $mainFontSize;
   font-weight: $mainFontWeight;
   margin: 0;