diff --git a/demo/index.html b/demo/index.html
index ec2f199..e3275e7 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -21,7 +21,6 @@
   <meta charset="UTF-8">
   <link rel="stylesheet" href="../dist/vendor.css">
   <link rel="stylesheet" href="../dist/style.css">
-  <link href="https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto:300,400,700&display=swap" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta property="og:locale" content="en_US" />
   <meta name="description" content="This is the live demo for Docker Registry User Interface. Try it now! Sources : https://github.com/Joxit/docker-registry-ui" />
diff --git a/src/fonts/Roboto-Bold.ttf b/src/fonts/Roboto-Bold.ttf
new file mode 100644
index 0000000..d998cf5
Binary files /dev/null and b/src/fonts/Roboto-Bold.ttf differ
diff --git a/src/fonts/Roboto-Bold.woff b/src/fonts/Roboto-Bold.woff
new file mode 100644
index 0000000..0f14eff
Binary files /dev/null and b/src/fonts/Roboto-Bold.woff differ
diff --git a/src/fonts/Roboto-Bold.woff2 b/src/fonts/Roboto-Bold.woff2
new file mode 100644
index 0000000..7445d92
Binary files /dev/null and b/src/fonts/Roboto-Bold.woff2 differ
diff --git a/src/fonts/Roboto-Light.ttf b/src/fonts/Roboto-Light.ttf
new file mode 100644
index 0000000..3526798
Binary files /dev/null and b/src/fonts/Roboto-Light.ttf differ
diff --git a/src/fonts/Roboto-Light.woff b/src/fonts/Roboto-Light.woff
new file mode 100644
index 0000000..2f6bdb5
Binary files /dev/null and b/src/fonts/Roboto-Light.woff differ
diff --git a/src/fonts/Roboto-Light.woff2 b/src/fonts/Roboto-Light.woff2
new file mode 100644
index 0000000..ef8c883
Binary files /dev/null and b/src/fonts/Roboto-Light.woff2 differ
diff --git a/src/fonts/Roboto-Regular.eot b/src/fonts/Roboto-Regular.eot
new file mode 100644
index 0000000..4f34800
Binary files /dev/null and b/src/fonts/Roboto-Regular.eot differ
diff --git a/src/fonts/Roboto-Regular.ttf b/src/fonts/Roboto-Regular.ttf
new file mode 100644
index 0000000..2b6392f
Binary files /dev/null and b/src/fonts/Roboto-Regular.ttf differ
diff --git a/src/fonts/Roboto-Regular.woff b/src/fonts/Roboto-Regular.woff
new file mode 100644
index 0000000..69c8825
Binary files /dev/null and b/src/fonts/Roboto-Regular.woff differ
diff --git a/src/fonts/Roboto-Regular.woff2 b/src/fonts/Roboto-Regular.woff2
new file mode 100644
index 0000000..165cbac
Binary files /dev/null and b/src/fonts/Roboto-Regular.woff2 differ
diff --git a/src/fonts/RobotoMono-Regular.eot b/src/fonts/RobotoMono-Regular.eot
new file mode 100644
index 0000000..8c56483
Binary files /dev/null and b/src/fonts/RobotoMono-Regular.eot differ
diff --git a/src/fonts/RobotoMono-Regular.ttf b/src/fonts/RobotoMono-Regular.ttf
new file mode 100644
index 0000000..7c4ce36
Binary files /dev/null and b/src/fonts/RobotoMono-Regular.ttf differ
diff --git a/src/fonts/RobotoMono-Regular.woff b/src/fonts/RobotoMono-Regular.woff
new file mode 100644
index 0000000..f319fbf
Binary files /dev/null and b/src/fonts/RobotoMono-Regular.woff differ
diff --git a/src/fonts/RobotoMono-Regular.woff2 b/src/fonts/RobotoMono-Regular.woff2
new file mode 100644
index 0000000..ed384d2
Binary files /dev/null and b/src/fonts/RobotoMono-Regular.woff2 differ
diff --git a/src/index.html b/src/index.html
index 4feea14..fb756ce 100644
--- a/src/index.html
+++ b/src/index.html
@@ -25,8 +25,8 @@
   <!-- build:css style.css -->
   <link href="style.css" rel="stylesheet" type="text/css">
   <link href="material-icons.css" rel="stylesheet" type="text/css">
+  <link href="roboto.css" rel="stylesheet" type="text/css">
   <!-- endbuild -->
-  <link href="https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto:300,400,700&display=swap" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta property="og:site_name" content="Docker Registry UI" />
   <meta name="twitter:card" content="summary" />
diff --git a/src/roboto.css b/src/roboto.css
new file mode 100644
index 0000000..2ed7ccb
--- /dev/null
+++ b/src/roboto.css
@@ -0,0 +1,52 @@
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url(fonts/Roboto-Regular.eot); /* For IE6-8 */
+  src: local('Roboto Light'),
+       local('Roboto-Light'),
+       url(fonts/Roboto-Light.woff2) format('woff2'),
+       url(fonts/Roboto-Light.woff) format('woff'),
+       url(fonts/Roboto-Light.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(fonts/Roboto-Regular.eot); /* For IE6-8 */
+  src: local('Roboto Regular'),
+       local('Roboto-Regular'),
+       url(fonts/Roboto-Regular.woff2) format('woff2'),
+       url(fonts/Roboto-Regular.woff) format('woff'),
+       url(fonts/Roboto-Regular.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url(fonts/Roboto-Regular.eot); /* For IE6-8 */
+  src: local('Roboto Bold'),
+       local('Roboto-Bold'),
+       url(fonts/Roboto-Bold.woff2) format('woff2'),
+       url(fonts/Roboto-Bold.woff) format('woff'),
+       url(fonts/Roboto-Bold.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Roboto Mono';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(fonts/RobotoMono-Regular.eot); /* For IE6-8 */
+  src: local('Roboto Mono Regular'),
+       local('RobotoMono-Regular'),
+       local('Roboto-Mono-Regular'),
+       url(fonts/RobotoMono-Regular.woff2) format('woff2'),
+       url(fonts/RobotoMono-Regular.woff) format('woff'),
+       url(fonts/RobotoMono-Regular.ttf) format('truetype');
+}