refactor: remove unused fonts, reduce number of variations

src/index.css

@@ -111,12 +111,9 @@ button:disabled {
 /* Fonts */
 @font-face {
   font-family: 'Roboto';
-  src: url('assets/fonts/roboto-medium.eot');
   src: local('Roboto Medium'), local('Roboto-Medium'),
-    url('assets/fonts/roboto-medium.eot?#iefix') format('embedded-opentype'),
     url('assets/fonts/roboto-medium.woff2') format('woff2'),
-    url('assets/fonts/roboto-medium.woff') format('woff'),
+    url('assets/fonts/roboto-medium.woff') format('woff');
-    url('assets/fonts/roboto-medium.ttf') format('truetype');
   font-weight: 500;
   font-style: normal;
   font-display: swap;
@@ -124,38 +121,9 @@ button:disabled {
 
 @font-face {
   font-family: 'Roboto';
-  src: url('assets/fonts/roboto-lightitalic.eot');
-  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
-    url('assets/fonts/roboto-lightitalic.eot?#iefix') format('embedded-opentype'),
-    url('assets/fonts/roboto-lightitalic.woff2') format('woff2'),
-    url('assets/fonts/roboto-lightitalic.woff') format('woff'),
-    url('assets/fonts/roboto-lightitalic.ttf') format('truetype');
-  font-weight: 300;
-  font-style: italic;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Roboto';
-  src: url('assets/fonts/roboto-blackitalic.eot');
-  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'),
-    url('assets/fonts/roboto-blackitalic.eot?#iefix') format('embedded-opentype'),
-    url('assets/fonts/roboto-blackitalic.woff2') format('woff2'),
-    url('assets/fonts/roboto-blackitalic.woff') format('woff'),
-    url('assets/fonts/roboto-blackitalic.ttf') format('truetype');
-  font-weight: 900;
-  font-style: italic;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Roboto';
-  src: url('assets/fonts/roboto-light.eot');
   src: local('Roboto Light'), local('Roboto-Light'),
-    url('assets/fonts/roboto-light.eot?#iefix') format('embedded-opentype'),
     url('assets/fonts/roboto-light.woff2') format('woff2'),
-    url('assets/fonts/roboto-light.woff') format('woff'),
+    url('assets/fonts/roboto-light.woff') format('woff');
-    url('assets/fonts/roboto-light.ttf') format('truetype');
   font-weight: 300;
   font-style: normal;
   font-display: swap;
@@ -163,25 +131,9 @@ button:disabled {
 
 @font-face {
   font-family: 'Roboto';
-  src: url('assets/fonts/roboto-bolditalic.eot');
-  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
-    url('assets/fonts/roboto-bolditalic.eot?#iefix') format('embedded-opentype'),
-    url('assets/fonts/roboto-bolditalic.woff2') format('woff2'),
-    url('assets/fonts/roboto-bolditalic.woff') format('woff'),
-    url('assets/fonts/roboto-bolditalic.ttf') format('truetype');
-  font-weight: bold;
-  font-style: italic;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Roboto';
-  src: url('assets/fonts/roboto-bold.eot');
   src: local('Roboto Bold'), local('Roboto-Bold'),
-    url('assets/fonts/roboto-bold.eot?#iefix') format('embedded-opentype'),
     url('assets/fonts/roboto-bold.woff2') format('woff2'),
-    url('assets/fonts/roboto-bold.woff') format('woff'),
+    url('assets/fonts/roboto-bold.woff') format('woff');
-    url('assets/fonts/roboto-bold.ttf') format('truetype');
   font-weight: bold;
   font-style: normal;
   font-display: swap;
@@ -189,77 +141,9 @@ button:disabled {
 
 @font-face {
   font-family: 'Roboto';
-  src: url('assets/fonts/roboto-mediumitalic.eot');
-  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
-    url('assets/fonts/roboto-mediumitalic.eot?#iefix') format('embedded-opentype'),
-    url('assets/fonts/roboto-mediumitalic.woff2') format('woff2'),
-    url('assets/fonts/roboto-mediumitalic.woff') format('woff'),
-    url('assets/fonts/roboto-mediumitalic.ttf') format('truetype');
-  font-weight: 500;
-  font-style: italic;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Roboto';
-  src: url('assets/fonts/roboto-black.eot');
-  src: local('Roboto Black'), local('Roboto-Black'),
-    url('assets/fonts/roboto-black.eot?#iefix') format('embedded-opentype'),
-    url('assets/fonts/roboto-black.woff2') format('woff2'),
-    url('assets/fonts/roboto-black.woff') format('woff'),
-    url('assets/fonts/roboto-black.ttf') format('truetype');
-  font-weight: 900;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Roboto';
-  src: url('assets/fonts/roboto-italic.eot');
-  src: local('Roboto Italic'), local('Roboto-Italic'),
-    url('assets/fonts/roboto-italic.eot?#iefix') format('embedded-opentype'),
-    url('assets/fonts/roboto-italic.woff2') format('woff2'),
-    url('assets/fonts/roboto-italic.woff') format('woff'),
-    url('assets/fonts/roboto-italic.ttf') format('truetype');
-  font-weight: normal;
-  font-style: italic;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Roboto';
-  src: url('assets/fonts/roboto-thinitalic.eot');
-  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'),
-    url('assets/fonts/roboto-thinitalic.eot?#iefix') format('embedded-opentype'),
-    url('assets/fonts/roboto-thinitalic.woff2') format('woff2'),
-    url('assets/fonts/roboto-thinitalic.woff') format('woff'),
-    url('assets/fonts/roboto-thinitalic.ttf') format('truetype');
-  font-weight: 100;
-  font-style: italic;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Roboto';
-  src: url('assets/fonts/roboto-thin.eot');
-  src: local('Roboto Thin'), local('Roboto-Thin'),
-    url('assets/fonts/roboto-thin.eot?#iefix') format('embedded-opentype'),
-    url('assets/fonts/roboto-thin.woff2') format('woff2'),
-    url('assets/fonts/roboto-thin.woff') format('woff'),
-    url('assets/fonts/roboto-thin.ttf') format('truetype');
-  font-weight: 100;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Roboto';
-  src: url('assets/fonts/roboto-regular.eot');
   src: local('Roboto'), local('Roboto-Regular'),
-    url('assets/fonts/roboto-regular.eot?#iefix') format('embedded-opentype'),
     url('assets/fonts/roboto-regular.woff2') format('woff2'),
-    url('assets/fonts/roboto-regular.woff') format('woff'),
+    url('assets/fonts/roboto-regular.woff') format('woff');
-    url('assets/fonts/roboto-regular.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
   font-display: swap;