Properly update font info for Monaco

Author: CompuIves

packages/app/src/app/components/CodeEditor/Monaco/MonacoReactComponent.js

@@ -64,20 +64,23 @@ class MonacoEditor extends React.PureComponent {
         // Font is eg. '"aaaa"'
         firstFont = JSON.parse(firstFont);
       }
-      const font = new FontFaceObserver(firstFont);
 
-      font.load().then(
-        () => {
-          if (this.editor && this.props.getEditorOptions) {
-            this.editor.updateOptions(this.props.getEditorOptions());
+      if (firstFont === 'dm') {
+        const font = new FontFaceObserver(firstFont);
+
+        font.load().then(
+          () => {
+            if (this.editor && this.props.getEditorOptions) {
+              this.editor.updateOptions(this.props.getEditorOptions());
+            }
+          },
+          () => {
+            // Font was not loaded in 3s, do nothing
           }
-        },
-        () => {
-          // Font was not loaded in 3s, do nothing
-        }
-      );
+        );
 
-      appliedOptions.fontFamily = fonts.slice(1).join(', ');
+        appliedOptions.fontFamily = fonts.slice(1).join(', ');
+      }
 
       this.editor = context.monaco.editor[
         diffEditor ? 'createDiffEditor' : 'create'

packages/app/src/app/components/CodeEditor/Monaco/index.js

@@ -184,8 +184,6 @@ class MonacoEditor extends React.Component<Props, State> implements Editor {
     this.editor = editor;
     this.monaco = monaco;
 
-    this.editor.updateOptions(this.getEditorOptions());
-
     // eslint-disable-next-line no-underscore-dangle
     window.CSEditor = {
       editor: this.editor,