Add the configuration fontFamily to AceEditor.

static/plugin_dbui/src/form/field/AceEditor.js

@@ -14,11 +14,17 @@ Ext.define('App.form.field.AceEditor', {
     },
     alias: 'widget.xaceeditorfield',
 
+    /**
+     * @cfg {String}
+     * The font family (work only with monospace family)
+     */
+    fontFamily: "Liberation Mono",
+
     /**
      * @cfg {Number}
      * The font size in pixels
      */
-    fontSize: 10,
+    fontSize: 11,
 
     /**
      * @cfg {String}
@@ -54,8 +60,8 @@ Ext.define('App.form.field.AceEditor', {
         }];
 
         me.callParent(arguments);
-        me.panel = me.child('panel');
 
+        me.panel = me.child('panel');
         me.panel.on('afterrender', me.addEditor, me);
 
         me.initField();
@@ -84,6 +90,7 @@ Ext.define('App.form.field.AceEditor', {
         me.editor = ace.edit(me.panel.getId());
         me.editor.getSession().setMode('ace/mode/' + me.language);
         me.editor.setFontSize(me.fontSize);
+        me.editor.setOption("fontFamily", me.fontFamily);
 
         if (me.theme) {
             me.editor.setTheme('ace/theme/' + me.theme);