diff --git a/package-lock.json b/package-lock.json
index 10a66d29..6e593d59 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "marktext",
-  "version": "0.9.25",
+  "version": "0.10.21",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/src/renderer/components/editor.vue b/src/renderer/components/editor.vue
index c4bcc832..ea5d1930 100644
--- a/src/renderer/components/editor.vue
+++ b/src/renderer/components/editor.vue
@@ -2,8 +2,8 @@
   <div
     class="editor-wrapper"
     :class="[{ 'typewriter': typewriter, 'focus': focus, 'source': sourceCode }, theme]"
-    :style="{ 'color': theme === 'dark' ? darkColor : lightColor, 'lineHeight': lineHeight, 'fontSize': fontSize, 
-    'font-family': editorFontFamily ? `${editorFontFamily}, sans-serif`:'sans-serif'}"
+    :style="{ 'color': theme === 'dark' ? darkColor : lightColor, 'lineHeight': lineHeight, 'fontSize': fontSize,
+    'font-family': editorFontFamily ? `${editorFontFamily}, ${defaultFontFamily}` : `${defaultFontFamily}`}"
   >
     <div
       ref="editor"
@@ -104,6 +104,7 @@
       ])
     },
     data () {
+      this.defaultFontFamily = '"Open Sans", "Clear Sans", "Helvetica Neue", Helvetica, Arial, sans-serif'
       return {
         selectionChange: null,
         editor: null,