⚡ Optimize font size and add more fonts

frontend/src/common/constant/fonts.ts

@@ -0,0 +1,101 @@
+// Font options with popular programming and common fonts
+export const FONT_OPTIONS = [
+    // Custom fonts
+    {
+        label: 'HarmonyOS',
+        value: 'HarmonyOS'
+    },
+    {
+        label: 'Hack',
+        value: 'Hack'
+    },
+    {
+        label: 'Open Sans',
+        value: '"Open Sans"'
+    },
+    // Common system fonts
+    {
+        label: 'Arial',
+        value: 'Arial'
+    },
+    {
+        label: 'Helvetica',
+        value: 'Helvetica'
+    },
+    {
+        label: 'Times New Roman',
+        value: '"Times New Roman"'
+    },
+    {
+        label: 'Georgia',
+        value: 'Georgia'
+    },
+    {
+        label: 'Verdana',
+        value: 'Verdana'
+    },
+    {
+        label: 'Tahoma',
+        value: 'Tahoma'
+    },
+    {
+        label: 'Segoe UI',
+        value: '"Segoe UI"'
+    },
+    {
+        label: 'System UI',
+        value: 'system-ui'
+    },
+    
+    // Chinese fonts
+    {
+        label: 'Microsoft YaHei',
+        value: '"Microsoft YaHei"'
+    },
+    {
+        label: 'PingFang SC',
+        value: '"PingFang SC"'
+    },
+    
+    // Popular programming fonts
+    {
+        label: 'JetBrains Mono',
+        value: '"JetBrains Mono"'
+    },
+    {
+        label: 'Fira Code',
+        value: '"Fira Code"'
+    },
+    {
+        label: 'Source Code Pro',
+        value: '"Source Code Pro"'
+    },
+    {
+        label: 'Cascadia Code',
+        value: '"Cascadia Code"'
+    },
+    {
+        label: 'Consolas',
+        value: 'Consolas'
+    },
+    {
+        label: 'Monaco',
+        value: 'Monaco'
+    },
+    {
+        label: 'Menlo',
+        value: 'Menlo'
+    },
+    {
+        label: 'Roboto Mono',
+        value: '"Roboto Mono"'
+    },
+    {
+        label: 'Inconsolata',
+        value: 'Inconsolata'
+    },
+    {
+        label: 'Ubuntu Mono',
+        value: '"Ubuntu Mono"'
+    }
+];