diff --git a/fonts/Lato-Light.ttf b/fonts/Lato-Light.ttf
new file mode 100644
index 000000000..834d1c056
Binary files /dev/null and b/fonts/Lato-Light.ttf differ
diff --git a/fonts/Lato.ttf b/fonts/Lato.ttf
new file mode 100644
index 000000000..74decd9eb
Binary files /dev/null and b/fonts/Lato.ttf differ
diff --git a/src/app/styles.less b/src/app/styles.less
index 1e32fbcf3..d82cd2cb0 100644
--- a/src/app/styles.less
+++ b/src/app/styles.less
@@ -69,6 +69,16 @@
     font-style: italic;
 }
 
+@font-face {
+    font-family: 'Lato';
+    src: url('/fonts/Lato.ttf') format('truetype');
+}
+
+@font-face {
+    font-family: 'LatoLight';
+    src: url('/fonts/Lato-Light.ttf') format('truetype');
+}
+
 * {
     margin: 0px;
     padding: 0px;
@@ -86,7 +96,7 @@ html, body, .app {
     cursor: default;
     overflow: hidden;
     background-color: @colorbgmain;
-    font: 13px / 18px 'Open Sans', LatoLight, Arial, Helvetica, sans-serif;
+    font: 13px / 18px 'Open Sans', 'LatoLight', 'Arial', 'Helvetica', 'sans-serif';
 }
 
 .nav-bar {