diff --git a/images/SometypeMono-Bold.ttf b/images/SometypeMono-Bold.ttf
new file mode 100644
index 000000000..5dbd5be90
Binary files /dev/null and b/images/SometypeMono-Bold.ttf differ
diff --git a/images/SometypeMono-Regular.ttf b/images/SometypeMono-Regular.ttf
new file mode 100644
index 000000000..3ef5d4c8d
Binary files /dev/null and b/images/SometypeMono-Regular.ttf differ
diff --git a/images/banner.svg b/images/banner.svg
index cea11213e..dcac2ae38 100644
--- a/images/banner.svg
+++ b/images/banner.svg
@@ -6,6 +6,19 @@
     </linearGradient>
     <linearGradient xlink:href="#a" id="b" x1="10%" y1="10%" x2="90%" y2="90%"/>
     <linearGradient xlink:href="#a" id="c" x1="90%" y1="90%" x2="10%" y2="10%"/>
+    <style type="text/css">
+      <![CDATA[
+        @font-face {
+          font-family: 'Sometype Mono';
+          src: url('./SometypeMono-Regular.ttf');
+        }
+        @font-face {
+          font-family: 'Sometype Mono';
+          src: url('./SometypeMono-Bold.ttf');
+          font-weight: bold;
+        }
+      ]]>
+    </style>
   </defs>
   <rect width="100%" height="100%" x="0" y="0" fill="#203050"/>
   <g transform="translate(200,200)">
diff --git a/images/logo.svg b/images/logo.svg
index a500c73ab..65c23d454 100644
--- a/images/logo.svg
+++ b/images/logo.svg
@@ -6,6 +6,14 @@
     </linearGradient>
     <linearGradient xlink:href="#a" id="b" x1="10%" y1="10%" x2="90%" y2="90%"/>
     <linearGradient xlink:href="#a" id="c" x1="90%" y1="90%" x2="10%" y2="10%"/>
+    <style type="text/css">
+      <![CDATA[
+        @font-face {
+          font-family: 'Sometype Mono';
+          src: url('./SometypeMono-Regular.ttf');
+        }
+      ]]>
+    </style>
   </defs>
   <rect width="100%" height="100%" x="0" y="0" fill="#203050"/>
   <rect width="460" height="460" x="170" y="170" rx="50" ry="50" fill="url(#b)"/>