Added font faces drop down

js/application.js

@@ -73,17 +73,6 @@ $(document).ready(function () {
                 return true;
             }
         },
-        {
-            'type': 'icon',
-            'icon': 'font',
-            'name': 'font',
-            'id': 'font',
-            'title': 'Font',
-            'onclick': function () {
-
-                return true;
-            }
-        },
         {
             'type': 'icon',
             'icon': 'align-left',
@@ -163,6 +152,55 @@ $(document).ready(function () {
                 return true;
             }
         },
+        {
+            'type': 'drop',
+            'id': 'font-faces',
+            'values': [{
+                    'name': 'Fonts',
+                    'value': ''
+                },
+                {
+                    'name': 'Arial',
+                    'value': 'Arial'
+                },
+                {
+                    'name': 'Arial Black',
+                    'value': 'Arial Black'
+                },
+                {
+                    'name': 'Courier',
+                    'value': 'Courier'
+                },
+                {
+                    'name': 'Courier New',
+                    'value': 'Courier New'
+                },
+                {
+                    'name': 'Georgia',
+                    'value': 'Georgia'
+                },
+                {
+                    'name': 'Helvetica',
+                    'value': 'Helvetica'
+                },
+                {
+                    'name': 'Times',
+                    'value': 'Times'
+                },
+                {
+                    'name': 'Trebuchet MS',
+                    'value': 'Trebuchet MS'
+                },
+                {
+                    'name': 'Verdana',
+                    'value': 'Verdana'
+                },
+            ],
+            'onchange': function () {
+                document.execCommand('fontName', false, this.value);
+                return true;
+            }
+        },
         {
             'type': 'drop',
             'id': 'font-size',