refactor: introduce SYSTEM_FONT_LIST for font management

- Added a new constant, SYSTEM_FONT_LIST, to centralize the list of system fonts used in the application.
- Updated the getFontList function to utilize SYSTEM_FONT_LIST instead of FONT_LIST, ensuring consistency in font handling across the system.

Author: JoshHuang9508

src/constant.ts

@@ -8,6 +8,20 @@ export type RecommendServerCategory = {
   subCategories?: RecommendServerCategory[];
 };
 
+export const SYSTEM_FONT_LIST = [
+  '-apple-system',
+  'BlinkMacSystemFont',
+  'Segoe UI',
+  'Roboto',
+  'Helvetica Neue',
+  'Arial',
+  'Noto Sans TC',
+  'Microsoft JhengHei',
+  'Heiti TC',
+  'LiHei Pro',
+  'sans-serif',
+];
+
 export const FONT_LIST = [
   // Recommended Fonts
   {

src/web/handlers/system.ts

@@ -2,7 +2,7 @@ import * as Types from '@/types';
 
 import { store, eventEmitter, getSettings, getRegion } from '@/web/main';
 
-import { FONT_LIST } from '@/constant';
+import { SYSTEM_FONT_LIST } from '@/constant';
 
 export function getSystemSettings() {
   return getSettings();
@@ -49,7 +49,7 @@ export function getFontSize() {
 }
 
 export function getFontList() {
-  const fonts = FONT_LIST.map((font) => font.value);
+  const fonts = SYSTEM_FONT_LIST
   return fonts;
 }