diff --git a/src/components/CodemirrorEditor/EditorHeader/StyleOptionMenu.vue b/src/components/CodemirrorEditor/EditorHeader/StyleOptionMenu.vue
index 42c35939e..a0dbe4d0e 100644
--- a/src/components/CodemirrorEditor/EditorHeader/StyleOptionMenu.vue
+++ b/src/components/CodemirrorEditor/EditorHeader/StyleOptionMenu.vue
@@ -17,7 +17,9 @@
           :style="{ opacity: current === value ? 1 : 0 }"
         ></i>
         {{ label }}
-        <span class="select-item-right">{{ desc }}</span>
+        <span class="select-item-right" :style="{ fontFamily: value }">{{
+          desc
+        }}</span>
       </el-dropdown-item>
     </el-dropdown-menu>
   </el-dropdown>