diff --git a/_embed/public/css/material/icons.woff2 b/_embed/public/css/material/icons.woff2
new file mode 100644
index 00000000..9fa21125
Binary files /dev/null and b/_embed/public/css/material/icons.woff2 differ
diff --git a/_embed/public/css/roboto/medim-greek-ext.woff2 b/_embed/public/css/roboto/medim-greek-ext.woff2
new file mode 100644
index 00000000..7e1a8078
Binary files /dev/null and b/_embed/public/css/roboto/medim-greek-ext.woff2 differ
diff --git a/_embed/public/css/roboto/medium-cyrillic-ext.woff2 b/_embed/public/css/roboto/medium-cyrillic-ext.woff2
new file mode 100644
index 00000000..f63bc9a1
Binary files /dev/null and b/_embed/public/css/roboto/medium-cyrillic-ext.woff2 differ
diff --git a/_embed/public/css/roboto/medium-cyrillic.woff2 b/_embed/public/css/roboto/medium-cyrillic.woff2
new file mode 100644
index 00000000..b3ca824d
Binary files /dev/null and b/_embed/public/css/roboto/medium-cyrillic.woff2 differ
diff --git a/_embed/public/css/roboto/medium-greek.woff2 b/_embed/public/css/roboto/medium-greek.woff2
new file mode 100644
index 00000000..314cf3f8
Binary files /dev/null and b/_embed/public/css/roboto/medium-greek.woff2 differ
diff --git a/_embed/public/css/roboto/medium-latin-ext.woff2 b/_embed/public/css/roboto/medium-latin-ext.woff2
new file mode 100644
index 00000000..604b8935
Binary files /dev/null and b/_embed/public/css/roboto/medium-latin-ext.woff2 differ
diff --git a/_embed/public/css/roboto/medium-latin.woff2 b/_embed/public/css/roboto/medium-latin.woff2
new file mode 100644
index 00000000..5f96609d
Binary files /dev/null and b/_embed/public/css/roboto/medium-latin.woff2 differ
diff --git a/_embed/public/css/roboto/medium-vietnamese.woff2 b/_embed/public/css/roboto/medium-vietnamese.woff2
new file mode 100644
index 00000000..d92b7125
Binary files /dev/null and b/_embed/public/css/roboto/medium-vietnamese.woff2 differ
diff --git a/_embed/public/css/roboto/normal-cyrillic-ext.woff2 b/_embed/public/css/roboto/normal-cyrillic-ext.woff2
new file mode 100644
index 00000000..e4546e49
Binary files /dev/null and b/_embed/public/css/roboto/normal-cyrillic-ext.woff2 differ
diff --git a/_embed/public/css/roboto/normal-cyrillic.woff2 b/_embed/public/css/roboto/normal-cyrillic.woff2
new file mode 100644
index 00000000..d08397f7
Binary files /dev/null and b/_embed/public/css/roboto/normal-cyrillic.woff2 differ
diff --git a/_embed/public/css/roboto/normal-greek-ext.woff2 b/_embed/public/css/roboto/normal-greek-ext.woff2
new file mode 100644
index 00000000..ed0b13ca
Binary files /dev/null and b/_embed/public/css/roboto/normal-greek-ext.woff2 differ
diff --git a/_embed/public/css/roboto/normal-greek.woff2 b/_embed/public/css/roboto/normal-greek.woff2
new file mode 100644
index 00000000..f630772d
Binary files /dev/null and b/_embed/public/css/roboto/normal-greek.woff2 differ
diff --git a/_embed/public/css/roboto/normal-latin-ext.woff2 b/_embed/public/css/roboto/normal-latin-ext.woff2
new file mode 100644
index 00000000..0c7aec28
Binary files /dev/null and b/_embed/public/css/roboto/normal-latin-ext.woff2 differ
diff --git a/_embed/public/css/roboto/normal-latin.woff2 b/_embed/public/css/roboto/normal-latin.woff2
new file mode 100644
index 00000000..120796bb
Binary files /dev/null and b/_embed/public/css/roboto/normal-latin.woff2 differ
diff --git a/_embed/public/css/roboto/normal-vietnamese.woff2 b/_embed/public/css/roboto/normal-vietnamese.woff2
new file mode 100644
index 00000000..7936b665
Binary files /dev/null and b/_embed/public/css/roboto/normal-vietnamese.woff2 differ
diff --git a/_embed/public/css/styles.css b/_embed/public/css/styles.css
index c35c1802..2504e2fc 100644
--- a/_embed/public/css/styles.css
+++ b/_embed/public/css/styles.css
@@ -1,5 +1,137 @@
-a
-/* NORMALIZE CSS */
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 400;
+    src: local('Roboto'), local('Roboto-Regular'), url(roboto/normal-cyrillic-ext.woff2) format('woff2');
+    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
+}
+
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 400;
+    src: local('Roboto'), local('Roboto-Regular'), url(roboto/normal-cyrillic.woff2) format('woff2');
+    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 400;
+    src: local('Roboto'), local('Roboto-Regular'), url(roboto/normal-greek-ext.woff2) format('woff2');
+    unicode-range: U+1F00-1FFF;
+}
+
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 400;
+    src: local('Roboto'), local('Roboto-Regular'), url(roboto/normal-greek.woff2) format('woff2');
+    unicode-range: U+0370-03FF;
+}
+
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 400;
+    src: local('Roboto'), local('Roboto-Regular'), url(roboto/normal-vietnamese.woff2) format('woff2');
+    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
+}
+
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 400;
+    src: local('Roboto'), local('Roboto-Regular'), url(roboto/normal-latin-ext.woff2) format('woff2');
+    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 400;
+    src: local('Roboto'), local('Roboto-Regular'), url(roboto/normal-latin.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
+}
+
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 500;
+    src: local('Roboto Medium'), local('Roboto-Medium'), url(roboto/medium-cyrillic-ext.woff2) format('woff2');
+    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
+}
+
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 500;
+    src: local('Roboto Medium'), local('Roboto-Medium'), url(roboto/medium-cyrillic.woff2) format('woff2');
+    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 500;
+    src: local('Roboto Medium'), local('Roboto-Medium'), url(roboto/medium-greek-ext.woff22) format('woff2');
+    unicode-range: U+1F00-1FFF;
+}
+
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 500;
+    src: local('Roboto Medium'), local('Roboto-Medium'), url(roboto/medium-greek.woff2) format('woff2');
+    unicode-range: U+0370-03FF;
+}
+
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 500;
+    src: local('Roboto Medium'), local('Roboto-Medium'), url(roboto/medium-vietnamese.woff2) format('woff2');
+    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
+}
+
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 500;
+    src: local('Roboto Medium'), local('Roboto-Medium'), url(roboto/medium-latin-ext.woff2) format('woff2');
+    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 500;
+    src: local('Roboto Medium'), local('Roboto-Medium'), url(roboto/medium-latin.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
+}
+
+@font-face {
+    font-family: 'Material Icons';
+    font-style: normal;
+    font-weight: 400;
+    src: local('Material Icons'), local('MaterialIcons-Regular'), url(material/icons.woff2) format('woff2');
+}
+
+.material-icons {
+    font-family: 'Material Icons';
+    font-weight: normal;
+    font-style: normal;
+    font-size: 24px;
+    line-height: 1;
+    letter-spacing: normal;
+    text-transform: none;
+    display: inline-block;
+    white-space: nowrap;
+    word-wrap: normal;
+    direction: ltr;
+    -webkit-font-feature-settings: 'liga';
+    -webkit-font-smoothing: antialiased;
+}
 
 html {
     font-family: sans-serif;
@@ -202,7 +334,7 @@ button:-moz-focusring,
 [type="button"]:-moz-focusring,
 [type="reset"]:-moz-focusring,
 [type="submit"]:-moz-focusring {
-    outline: 1px dotted ButtonText
+    outline: 1px dotted;
 }
 
 fieldset {
diff --git a/_embed/templates/base.tmpl b/_embed/templates/base.tmpl
index c71ab0c3..358239c3 100644
--- a/_embed/templates/base.tmpl
+++ b/_embed/templates/base.tmpl
@@ -5,8 +5,6 @@
     <title>{{.Name}}</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="token" content="{{ .Token  }}">
-    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
-    <link href='https://fonts.googleapis.com/css?family=Roboto:400,500' rel='stylesheet' type='text/css'>
     <link rel="stylesheet" href="{{ .Config.AbsoluteURL }}/_filemanagerinternal/css/styles.css">
     {{ if ne .User.StyleSheet "" }}
     <style>{{ CSS .User.StyleSheet }}</style>