diff --git a/docs/user-guide.md b/docs/user-guide.md
index e554da08..23668ece 100644
--- a/docs/user-guide.md
+++ b/docs/user-guide.md
@@ -177,9 +177,9 @@ This page contains the complete list of "tips" available through JetUML's "Tip o
 <p>Use the menu command File | Export Image to save the current diagram as an image file. The image type is determined by the file extension selected from the Save as Type field.</p>
 <img src="../tipdata/tip_images/tip34.png">
 </div>
-<button class="collapsible">Changing the Font Size</button>
+<button class="collapsible">Changing the Font</button>
 <div class="content">
-<p>Use the menu command View | Set Font Size to change the size of the font used in the diagram. This setting only affects how the diagram looks visually.</p>
+<p>Use the menu command View | Change Font to change the font and size of the font used in the diagram. This setting only affects how the diagram looks visually.</p>
 <img src="../tipdata/tip_images/tip35.png">
 </div>
 <button class="collapsible">Inserting Stereotype Delimiters</button>
diff --git a/src/org/jetuml/gui/FontDialog.css b/src/org/jetuml/gui/FontDialog.css
new file mode 100644
index 00000000..7434c52c
--- /dev/null
+++ b/src/org/jetuml/gui/FontDialog.css
@@ -0,0 +1,54 @@
+.font-button
+{
+	-fx-body-color: linear-gradient(snow, lightgray);
+  -fx-background-color: 
+    -fx-outer-border, 
+    -fx-inner-border, 
+    -fx-body-color;
+  	-fx-background-insets: 0, 1, 2;
+  -fx-border-color: lightgray;
+  -fx-border-width: 1; 
+  -fx-border-radius: 3;
+}
+
+.font-button:focused
+{
+  -fx-border-color: lightskyblue;
+  -fx-border-width: 1; 
+  -fx-border-radius: 3;
+}
+
+.font-button:hover
+{
+  -fx-background-color: lightgray;
+}
+
+.font-combobox
+{
+  -fx-background-color: 
+    -fx-shadow-highlight-color, 
+    -fx-outer-border, 
+    -fx-inner-border, 
+    -fx-body-color;
+  -fx-background-insets: 0 0 0 0, 0, 1, 2;
+  -fx-border-color: lightgray;
+  -fx-border-width: 1;
+  -fx-border-radius: 3;
+}
+
+.font-combobox:focused
+{
+  -fx-border-color: lightskyblue;
+  -fx-border-width: 1;
+  -fx-border-radius: 3;
+}
+
+.font-combobox:hover
+{
+  -fx-background-color: lightgray;
+}
+
+.font-preview
+{
+  -fx-background-color: white;
+}
\ No newline at end of file