From fc1675575a89422c399733a4175eb63f87515ddb Mon Sep 17 00:00:00 2001
From: dongchengjie <37543964+dongchengjie@users.noreply.github.com>
Date: Sat, 25 May 2024 18:02:32 +0800
Subject: [PATCH] chore: emoji display support in editor

---
 src/components/profile/editor-viewer.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/profile/editor-viewer.tsx b/src/components/profile/editor-viewer.tsx
index a41f7fcb..1aa37de3 100644
--- a/src/components/profile/editor-viewer.tsx
+++ b/src/components/profile/editor-viewer.tsx
@@ -13,6 +13,7 @@ import { atomThemeMode } from "@/services/states";
 import { readProfileFile, saveProfileFile } from "@/services/cmds";
 import { Notice } from "@/components/base";
 import { nanoid } from "nanoid";
+import getSystem from "@/utils/get-system";
 
 import * as monaco from "monaco-editor";
 import { editor } from "monaco-editor/esm/vs/editor/editor.api";
@@ -113,8 +114,11 @@ export const EditorViewer = (props: Props) => {
         padding: {
           top: 33, // 顶部padding防止遮挡snippets
         },
-        fontFamily:
-          "Fira Code, Roboto Mono, Source Code Pro, Menlo, Monaco, Consolas, Courier New, monospace",
+        fontFamily: `Fira Code, Roboto Mono, Roboto, Source Code Pro, Menlo, Monaco, Consolas, Courier New, monospace, "Apple Color Emoji"${
+          getSystem() === "windows" ? ", twemoji mozilla" : ""
+        }`,
+        fontLigatures: true, // 连字符
+        smoothScrolling: true, // 平滑滚动
       });
     });