diff --git a/ui/app/css/fonts.css b/ui/app/css/fonts.css
index 3b9f581b9..2afaa26e1 100644
--- a/ui/app/css/fonts.css
+++ b/ui/app/css/fonts.css
@@ -8,7 +8,6 @@
   font-weight: normal;
   font-style: normal;
   font-size: 'small';
-
 }
 
 @font-face {
@@ -23,14 +22,21 @@
   font-family: 'Montserrat Light';
     src: url('/fonts/Montserrat/Montserrat-Light.woff') format('woff');
     src: url('/fonts/Montserrat/Montserrat-Light.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
+  font-weight: normal;
+  font-style: normal;
 }
 
 @font-face {
   font-family: 'Montserrat UltraLight';
     src: url('/fonts/Montserrat/Montserrat-UltraLight.woff') format('woff');
     src: url('/fonts/Montserrat/Montserrat-UltraLight.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'DIN OT';
+    src: url('/fonts/DIN_OT/DINOT-2.otf') format('opentype');
+  font-weight: normal;
+  font-style: normal;
 }
diff --git a/ui/app/main-container.js b/ui/app/main-container.js
index f891402ac..cc61860b6 100644
--- a/ui/app/main-container.js
+++ b/ui/app/main-container.js
@@ -11,7 +11,7 @@ function MainContainer () {
 }
 
 MainContainer.prototype.render = function () {
-  console.log("rendering MainContainer...");
+
   return h('div.flex-row', {
     style: {
       position: 'absolute',
@@ -19,6 +19,7 @@ MainContainer.prototype.render = function () {
       width: '98%',
       zIndex: 20,
       boxShadow: '0 0 7px 0 rgba(0,0,0,0.08)',
+      fontFamily: 'DIN OT',
     }
   }, [
     h(WalletView, {