diff --git a/resources/osd/Makefile b/resources/osd/Makefile
index 9c6167da..e2cb5e62 100644
--- a/resources/osd/Makefile
+++ b/resources/osd/Makefile
@@ -1,6 +1,6 @@
 .PHONY: all clean
 
-FONTS = default bold large clarity
+FONTS = default vision clarity bold large
 CHARMAPS = $(addsuffix .mcm, $(FONTS))
 PREVIEWS = $(addsuffix .png, $(FONTS))
 
diff --git a/tabs/osd.html b/tabs/osd.html
index 530f0af4..5fbc10ae 100644
--- a/tabs/osd.html
+++ b/tabs/osd.html
@@ -101,9 +101,10 @@
                     <div class="content_wrapper font-preview"></div>
                     <div class="fontbuttons">
                         <button data-font-file="default">Default</button>
+                        <button data-font-file="vision">Vision</button>
+                        <button data-font-file="clarity">Clarity</button>
                         <button data-font-file="bold">Bold</button>
                         <button data-font-file="large">Large</button>
-                        <button data-font-file="clarity">Clarity</button>
                         <button class="load_font_file">Open Font File</button>
                     </div>
                     <div class="info">