diff --git a/src/containers/App/App.css b/src/containers/App/App.css
index a6367069b185326c75d03b9491497abc4983e499..2fcc2fdfc4e5ce8fd6f535eba6c198874d9efc68 100644
--- a/src/containers/App/App.css
+++ b/src/containers/App/App.css
@@ -6,12 +6,24 @@
   font-style: normal;
 }
 
+@font-face {
+  font-family: 'LexieReadable';
+  src: url('https://static.igem.wiki/teams/5378/font/lexiereadable-regular.woff') format('woff2'),
+       url('https://static.igem.wiki/teams/5378/font/lexiereadable-bold.woff') format('woff'); 
+  font-weight: normal;
+  font-style: normal;
+}
+
+
 body {
   padding-top: 56px;
   overflow-x: hidden;
   /* overflow-y: hidden; */
   cursor: url("https://static.igem.wiki/teams/5378/image/dg-cursor.png") 2 2, auto;
-  
+  font-family: 'LexieReadable', cursive !important;
+  text-rendering: optimizeLegibility; 
+  -webkit-font-smoothing: antialiased; 
+  -moz-osx-font-smoothing: grayscale; 
   font-size: 20px !important;
   /* cursor: help; */
 }
@@ -32,6 +44,13 @@ body [onclick] {
   -moz-osx-font-smoothing: grayscale; 
 }
 
+.LexieReadable {
+  font-family: 'LexieReadable', cursive !important;
+  text-rendering: optimizeLegibility; 
+  -webkit-font-smoothing: antialiased; 
+  -moz-osx-font-smoothing: grayscale; 
+}
+
 .left-aligned {
   margin-left: auto;
 }