diff --git a/src/Roboto.css b/src/Roboto.css
index acbce71..ba84b3a 100644
--- a/src/Roboto.css
+++ b/src/Roboto.css
@@ -1,7 +1,9 @@
 /* Roboto Thin */
 @font-face {
   font-family: 'Roboto';
-  src: local('Roboto Thin'), url('./fonts/Roboto-Thin.ttf') format('truetype');
+  src: local('Roboto Thin'),
+    url('./fonts/Roboto-Thin.woff2') format('woff2'),
+    url('./fonts/Roboto-Thin.ttf') format('truetype');
   font-weight: 100;
   font-style: normal;
 }
@@ -9,7 +11,9 @@
 /* Roboto Thin Italic */
 @font-face {
   font-family: 'Roboto';
-  src: local('Roboto Thin Italic'), url('./fonts/Roboto-ThinItalic.ttf') format('truetype');
+  src: local('Roboto Thin Italic'),
+    url('./fonts/Roboto-ThinItalic.woff2') format('woff2'),
+    url('./fonts/Roboto-ThinItalic.ttf') format('truetype');
   font-weight: 100;
   font-style: italic;
 }
@@ -17,7 +21,9 @@
 /* Roboto Light */
 @font-face {
   font-family: 'Roboto';
-  src: local('Roboto Light'), url('./fonts/Roboto-Light.ttf') format('truetype');
+  src: local('Roboto Light'),
+    url('./fonts/Roboto-Light.woff2') format('woff2'),
+    url('./fonts/Roboto-Light.ttf') format('truetype');
   font-weight: 300;
   font-style: normal;
 }
@@ -25,7 +31,9 @@
 /* Roboto Light Italic */
 @font-face {
   font-family: 'Roboto';
-  src: local('Roboto Light Italic'), url('./fonts/Roboto-LightItalic.ttf') format('truetype');
+  src: local('Roboto Light Italic'),
+    url('./fonts/Roboto-LightItalic.woff2') format('woff2'),
+    url('./fonts/Roboto-LightItalic.ttf') format('truetype');
   font-weight: 300;
   font-style: italic;
 }
@@ -33,7 +41,9 @@
 /* Roboto Regular */
 @font-face {
   font-family: 'Roboto';
-  src: local('Roboto'), url('./fonts/Roboto-Regular.ttf') format('truetype');
+  src: local('Roboto'),
+    url('./fonts/Roboto-Regular.woff2') format('woff2'),
+    url('./fonts/Roboto-Regular.ttf') format('truetype');
   font-weight: 400;
   font-style: normal;
 }
@@ -41,7 +51,9 @@
 /* Roboto Italic */
 @font-face {
   font-family: 'Roboto';
-  src: local('Roboto Italic'), url('./fonts/Roboto-Italic.ttf') format('truetype');
+  src: local('Roboto Italic'),
+    url('./fonts/Roboto-Italic.woff2') format('woff2'),
+    url('./fonts/Roboto-Italic.ttf') format('truetype');
   font-weight: 400;
   font-style: italic;
 }
@@ -49,7 +61,9 @@
 /* Roboto Medium */
 @font-face {
   font-family: 'Roboto';
-  src: local('Roboto Medium'), url('./fonts/Roboto-Medium.ttf') format('truetype');
+  src: local('Roboto Medium'),
+    url('./fonts/Roboto-Medium.woff2') format('woff2'),
+    url('./fonts/Roboto-Medium.ttf') format('truetype');
   font-weight: 500;
   font-style: normal;
 }
@@ -57,7 +71,9 @@
 /* Roboto Medium Italic */
 @font-face {
   font-family: 'Roboto';
-  src: local('Roboto Medium Italic'), url('./fonts/Roboto-MediumItalic.ttf') format('truetype');
+  src: local('Roboto Medium Italic'),
+    url('./fonts/Roboto-MediumItalic.woff2') format('woff2'),
+    url('./fonts/Roboto-MediumItalic.ttf') format('truetype');
   font-weight: 500;
   font-style: italic;
 }
@@ -65,7 +81,9 @@
 /* Roboto Bold */
 @font-face {
   font-family: 'Roboto';
-  src: local('Roboto Bold'), url('./fonts/Roboto-Bold.ttf') format('truetype');
+  src: local('Roboto Bold'),
+    url('./fonts/Roboto-Bold.woff2') format('woff2'),
+    url('./fonts/Roboto-Bold.ttf') format('truetype');
   font-weight: 700;
   font-style: normal;
 }
@@ -73,7 +91,9 @@
 /* Roboto Bold Italic */
 @font-face {
   font-family: 'Roboto';
-  src: local('Roboto Bold Italic'), url('./fonts/Roboto-BoldItalic.ttf') format('truetype');
+  src: local('Roboto Bold Italic'),
+    url('./fonts/Roboto-BoldItalic.woff2') format('woff2'),
+    url('./fonts/Roboto-BoldItalic.ttf') format('truetype');
   font-weight: 700;
   font-style: italic;
 }
@@ -81,7 +101,9 @@
 /* Roboto Black */
 @font-face {
   font-family: 'Roboto';
-  src: local('Roboto Black'), url('./fonts/Roboto-Black.ttf') format('truetype');
+  src: local('Roboto Black'),
+    url('./fonts/Roboto-Black.woff2') format('woff2'),
+    url('./fonts/Roboto-Black.ttf') format('truetype');
   font-weight: 900;
   font-style: normal;
 }
@@ -89,7 +111,9 @@
 /* Roboto Black Italic */
 @font-face {
   font-family: 'Roboto';
-  src: local('Roboto Black Italic'), url('./fonts/Roboto-BlackItalic.ttf') format('truetype');
+  src: local('Roboto Black Italic'),
+    url('./fonts/Roboto-BlackItalic.woff2') format('woff2'),
+    url('./fonts/Roboto-BlackItalic.ttf') format('truetype');
   font-weight: 900;
   font-style: italic;
 }
diff --git a/src/fonts/Roboto-Black.woff2 b/src/fonts/Roboto-Black.woff2
new file mode 100644
index 0000000..c3938e1
Binary files /dev/null and b/src/fonts/Roboto-Black.woff2 differ
diff --git a/src/fonts/Roboto-BlackItalic.woff2 b/src/fonts/Roboto-BlackItalic.woff2
new file mode 100644
index 0000000..10f689a
Binary files /dev/null and b/src/fonts/Roboto-BlackItalic.woff2 differ
diff --git a/src/fonts/Roboto-Bold.woff2 b/src/fonts/Roboto-Bold.woff2
new file mode 100644
index 0000000..90e504f
Binary files /dev/null and b/src/fonts/Roboto-Bold.woff2 differ
diff --git a/src/fonts/Roboto-BoldItalic.woff2 b/src/fonts/Roboto-BoldItalic.woff2
new file mode 100644
index 0000000..9cf259a
Binary files /dev/null and b/src/fonts/Roboto-BoldItalic.woff2 differ
diff --git a/src/fonts/Roboto-Italic.woff2 b/src/fonts/Roboto-Italic.woff2
new file mode 100644
index 0000000..1ec22d7
Binary files /dev/null and b/src/fonts/Roboto-Italic.woff2 differ
diff --git a/src/fonts/Roboto-Light.woff2 b/src/fonts/Roboto-Light.woff2
new file mode 100644
index 0000000..dd83208
Binary files /dev/null and b/src/fonts/Roboto-Light.woff2 differ
diff --git a/src/fonts/Roboto-LightItalic.woff2 b/src/fonts/Roboto-LightItalic.woff2
new file mode 100644
index 0000000..164f82b
Binary files /dev/null and b/src/fonts/Roboto-LightItalic.woff2 differ
diff --git a/src/fonts/Roboto-Medium.woff2 b/src/fonts/Roboto-Medium.woff2
new file mode 100644
index 0000000..0c5ede0
Binary files /dev/null and b/src/fonts/Roboto-Medium.woff2 differ
diff --git a/src/fonts/Roboto-MediumItalic.woff2 b/src/fonts/Roboto-MediumItalic.woff2
new file mode 100644
index 0000000..7ae6ffe
Binary files /dev/null and b/src/fonts/Roboto-MediumItalic.woff2 differ
diff --git a/src/fonts/Roboto-Regular.woff2 b/src/fonts/Roboto-Regular.woff2
new file mode 100644
index 0000000..f7a80a0
Binary files /dev/null and b/src/fonts/Roboto-Regular.woff2 differ
diff --git a/src/fonts/Roboto-Thin.woff2 b/src/fonts/Roboto-Thin.woff2
new file mode 100644
index 0000000..c4a2f56
Binary files /dev/null and b/src/fonts/Roboto-Thin.woff2 differ
diff --git a/src/fonts/Roboto-ThinItalic.woff2 b/src/fonts/Roboto-ThinItalic.woff2
new file mode 100644
index 0000000..b87e226
Binary files /dev/null and b/src/fonts/Roboto-ThinItalic.woff2 differ