diff --git a/WebServer/Fonts/segoeui.woff b/WebServer/Fonts/segoeui.woff
new file mode 100644
index 000000000..afe528bc7
Binary files /dev/null and b/WebServer/Fonts/segoeui.woff differ
diff --git a/WebServer/index.html b/WebServer/index.html
index 30027805f..88e9d558b 100644
--- a/WebServer/index.html
+++ b/WebServer/index.html
@@ -54,13 +54,13 @@
             <table class="tutorial-buttonsTable">
                 <tr>
                     <td>
-                        <label class="tutorial-stop-button" onclick="canvas.tutorialSpace.stop()" value="">Stop Tutorial</label>
+                        <label class="tutorial-font-small tutorial-stop-button" onclick="canvas.tutorialSpace.stop()" value="">Stop Tutorial</label>
                     </td>
                     <td>
-                        <label class="tutorial-skip-button" onclick="canvas.tutorialSpace.skip()" value="">Skip / Later</label>
+                        <label class="tutorial-font-small tutorial-skip-button" onclick="canvas.tutorialSpace.skip()" value="">Skip / Later</label>
                     </td>
                     <td>
-                        <label class="tutorial-done-button" onclick="canvas.tutorialSpace.done()" value="">Done / Next</label>
+                        <label class="tutorial-font-small tutorial-done-button" onclick="canvas.tutorialSpace.done()" value="">Done / Next</label>
                     </td>
                 </tr>
             </table>
diff --git a/WebServer/main.css b/WebServer/main.css
index fb1e63fe0..c96697ada 100644
--- a/WebServer/main.css
+++ b/WebServer/main.css
@@ -15,6 +15,13 @@
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 
+@font-face {
+  font-family: segoeui;
+  src: url(Fonts/segoeui.woff) format('woff');
+  font-weight: normal;
+  font-style: normal;
+}
+
 .tutorial-step {
   padding: 15px;
   margin-bottom: 20px;
@@ -139,38 +146,42 @@
   -moz-osx-font-smoothing:grayscale
 }
 
-.tutorial-saira-small {
+.tutorial-font-small {
   
-  font:normal normal normal 14px/1 "Saira";
+  font:normal normal normal 14px/1 "segoeui";
   font-size:inherit;
   text-rendering:auto;
   -webkit-font-smoothing:antialiased;
-  -moz-osx-font-smoothing:grayscale
+  -moz-osx-font-smoothing:grayscale;
+  line-height: 150%
 }
 
-.tutorial-saira-medium {
+.tutorial-font-medium {
   
-  font:normal normal normal 30px/1 "Saira";
+  font:normal normal normal 30px/1 "segoeui";
   text-rendering:auto;
   -webkit-font-smoothing:antialiased;
-  -moz-osx-font-smoothing:grayscale
+  -moz-osx-font-smoothing:grayscale;
+  line-height: 150%
 }
 
-.tutorial-saira-large {
+.tutorial-font-large {
   
-  font:bold normal normal 40px/1 "Saira";
+  font:bold normal normal 40px/1 "segoeui";
   text-rendering:auto;
   -webkit-font-smoothing:antialiased;
-  -moz-osx-font-smoothing:grayscale
+  -moz-osx-font-smoothing:grayscale;
+  line-height: 150%
 }
 
-.tutorial-saira-bold-small {
+.tutorial-font-bold-small {
   
-  font:bold normal normal 14px/1 "Saira";
+  font:bold normal normal 14px/1 "segoeui";
   font-size:inherit;
   text-rendering:auto;
   -webkit-font-smoothing:antialiased;
-  -moz-osx-font-smoothing:grayscale
+  -moz-osx-font-smoothing:grayscale;
+  line-height: 150%
 }
 
 .tutorial-stop-button {