diff --git a/css/design.css b/css/design.css
index 4fbfe18658e3033a4f72cf85a12301fab9cc1317..31c78a1df4eda9fb2841e855fa89be4a344d06f8 100644
--- a/css/design.css
+++ b/css/design.css
@@ -5,7 +5,7 @@
 body {
   margin: 0;
   background: #0a0a0a;
-  font-family: Arial, serif;
+  font-family: Lato, sans-serif;
   overflow: hidden;
 }
 .impressum {
diff --git a/css/design.less b/css/design.less
index 1de0ee349088054ad2c105c85726e3dffcd16a5d..d97229a09131af8e01d72298737cec79b39b7126 100644
--- a/css/design.less
+++ b/css/design.less
@@ -8,7 +8,7 @@
 body {
     margin: 0;
     background: #0a0a0a;
-    font-family: Arial, serif;
+    font-family: Lato, sans-serif;
     overflow:hidden;
 }
 
diff --git a/css/font.css b/css/font.css
index 747028cd7141994f3cb9697e21d3f72d4d1a99cd..0b38ad1f0bca7bd757f59021ae9f7cacd5d968d3 100644
--- a/css/font.css
+++ b/css/font.css
@@ -53,3 +53,5 @@
   font-weight: 400;
   src: url(font/time-fat.ttf) format('truetype');
 }
+
+@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');
diff --git a/js/starter.js b/js/starter.js
index ef59127406285a5eb0d0243bb5f58c72a35231b7..edf6eb50be540281b571f73a0e2e05ccc5add5fd 100644
--- a/js/starter.js
+++ b/js/starter.js
@@ -5,7 +5,7 @@ $(document).ready(function(){
     window.fontsReady = false;
     WebFont.load( {
         custom	: {
-            families	: ['time-medium', 'time-fat', 'vrr', "NewCicle"]
+            families	: ['time-medium', 'time-fat', 'vrr', "NewCicle", "Lato"]
         },
         active	: function() {
             window.fontsReady = true;