diff --git a/fonts.odt b/fonts.odt
new file mode 100644
index 0000000..d7901c0
Binary files /dev/null and b/fonts.odt differ
diff --git a/src/index.py b/src/index.py
index 1ae1c7b..cead310 100644
--- a/src/index.py
+++ b/src/index.py
@@ -406,6 +406,11 @@ def is_it_time(date):
 def serve_css(filename):
     return static_file(filename, root='static/css')
 
+# Serve fonts
+@route('/static/font/<filename:path>')
+def serve_font(filename):
+    return static_file(filename, root='static/font', mimetype='text/ttf')
+
 # Serve images
 @route('/static/img/<filename:path>')
 def serve_img(filename):
diff --git a/src/static/css/all.css b/src/static/css/all.css
index 5777e5f..340e0ba 100755
--- a/src/static/css/all.css
+++ b/src/static/css/all.css
@@ -1,7 +1,19 @@
+@font-face {
+    font-family: "pf_ronda_seven";
+    src: url('../font/pf_ronda_seven.ttf');
+}
+@font-face {
+    font-family: "pf_ronda_seven_bold";
+    src: url('../font/pf_ronda_seven_bold.ttf');
+}
+@font-face {
+    font-family: "Mitochondria";
+    src: url('../font/Mitochondria.ttf');
+}
 * {
     padding:0;
     margin:0;
-    font-family: verdana, "trebuchet ms", arial, calibri, candara, sans-serif;
+    font-family: "pf_ronda_seven", sans-serif;
     background-color: black;
 }
 html, body {padding:0; margin:0; height:100%;}
diff --git a/src/static/css/index.css b/src/static/css/index.css
index 41819b9..021dbb9 100755
--- a/src/static/css/index.css
+++ b/src/static/css/index.css
@@ -5,6 +5,7 @@
     grid-template-rows: 1fr 9.5em;
     grid-column-gap: 0px;
     grid-row-gap: 0px; 
+    background-image: url(../img/prom/runebless.png);
 }
     .content-left {
         grid-area: 1 / 1 / 2 / 2;
@@ -12,13 +13,14 @@
             background-size: 20em;
             background-repeat: no-repeat;
             background-position: center;
+        background-color: transparent; 
         }
     .content-right { 
         grid-area:  1 / 2 / 3 / 3;
-        background-image: url(../img/prom/runebless.png);
         background-size: contain;
         background-repeat: no-repeat;
         background-position: left;
+        background-color: transparent; 
         }
     .latest {
         background-color: #C0AAC0; 
diff --git a/src/static/font/Mitochondria.ttf b/src/static/font/Mitochondria.ttf
new file mode 100644
index 0000000..0d607c9
Binary files /dev/null and b/src/static/font/Mitochondria.ttf differ
diff --git a/src/static/font/pf_ronda_seven.ttf b/src/static/font/pf_ronda_seven.ttf
new file mode 100644
index 0000000..2ef8916
Binary files /dev/null and b/src/static/font/pf_ronda_seven.ttf differ
diff --git a/src/static/font/pf_ronda_seven_bold.ttf b/src/static/font/pf_ronda_seven_bold.ttf
new file mode 100644
index 0000000..3d3ae5f
Binary files /dev/null and b/src/static/font/pf_ronda_seven_bold.ttf differ