Create fonts/roboto folder and update fonts.css

assets/css/fonts.css

@@ -1,14 +1,14 @@
-/* @font-face {
+@font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 400;
-  src: url('../fonts/roboto-v29-latin-regular.eot');
+  src: url('../fonts/roboto/roboto-v29-latin-regular.eot');
   src: local(''),
-       url('../fonts/roboto-v29-latin-regular.eot?#iefix') format('embedded-opentype'),
+       url('../fonts/roboto/roboto-v29-latin-regular.eot?#iefix') format('embedded-opentype'),
-       url('../fonts/roboto-v29-latin-regular.woff2') format('woff2'),
+       url('../fonts/roboto/roboto-v29-latin-regular.woff2') format('woff2'),
-       url('../fonts/roboto-v29-latin-regular.woff') format('woff'),
+       url('../fonts/roboto/roboto-v29-latin-regular.woff') format('woff'),
-       url('../fonts/roboto-v29-latin-regular.ttf') format('truetype'),
+       url('../fonts/roboto/roboto-v29-latin-regular.ttf') format('truetype'),
-       url('../fonts/roboto-v29-latin-regular.svg#Roboto') format('svg');
+       url('../fonts/roboto/roboto-v29-latin-regular.svg#Roboto') format('svg');
   font-display: swap;
 }
 
@@ -16,13 +16,13 @@
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 500;
-  src: url('../fonts/roboto-v29-latin-500.eot');
+  src: url('../fonts/roboto/roboto-v29-latin-500.eot');
   src: local(''),
-       url('../fonts/roboto-v29-latin-500.eot?#iefix') format('embedded-opentype'),
+       url('../fonts/roboto/roboto-v29-latin-500.eot?#iefix') format('embedded-opentype'),
-       url('../fonts/roboto-v29-latin-500.woff2') format('woff2'),
+       url('../fonts/roboto/roboto-v29-latin-500.woff2') format('woff2'),
-       url('../fonts/roboto-v29-latin-500.woff') format('woff'),
+       url('../fonts/roboto/roboto-v29-latin-500.woff') format('woff'),
-       url('../fonts/roboto-v29-latin-500.ttf') format('truetype'),
+       url('../fonts/roboto/roboto-v29-latin-500.ttf') format('truetype'),
-       url('../fonts/roboto-v29-latin-500.svg#Roboto') format('svg');
+       url('../fonts/roboto/roboto-v29-latin-500.svg#Roboto') format('svg');
   font-display: swap;
 }
 
@@ -30,17 +30,17 @@
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 700;
-  src: url('../fonts/roboto-v29-latin-700.eot');
+  src: url('../fonts/roboto/roboto-v29-latin-700.eot');
   src: local(''),
-       url('../fonts/roboto-v29-latin-700.eot?#iefix') format('embedded-opentype'),
+       url('../fonts/roboto/roboto-v29-latin-700.eot?#iefix') format('embedded-opentype'),
-       url('../fonts/roboto-v29-latin-700.woff2') format('woff2'),
+       url('../fonts/roboto/roboto-v29-latin-700.woff2') format('woff2'),
-       url('../fonts/roboto-v29-latin-700.woff') format('woff'),
+       url('../fonts/roboto/roboto-v29-latin-700.woff') format('woff'),
-       url('../fonts/roboto-v29-latin-700.ttf') format('truetype'),
+       url('../fonts/roboto/roboto-v29-latin-700.ttf') format('truetype'),
-       url('../fonts/roboto-v29-latin-700.svg#Roboto') format('svg');
+       url('../fonts/roboto/roboto-v29-latin-700.svg#Roboto') format('svg');
   font-display: swap;
-} */
+}
 
-@font-face {
+/* @font-face {
   font-family: 'Fira Sans';
   font-style: normal;
   font-weight: 400;
@@ -80,7 +80,7 @@
        url('../fonts/fira-sans/fira-sans-v15-latin-700.ttf') format('truetype'),
        url('../fonts/fira-sans/fira-sans-v15-latin-700.svg#FiraSans') format('svg');
   font-display: swap;
-}
+} */
 
 /* @font-face {
   font-family: 'Noto Sans';