feat(i18n): add Arabic font support

Author: abaza738

lunaria/styles.ts

@@ -7,8 +7,8 @@ export const BaseStyles = html`
       --ln-font-fallback:
         -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji,
         Segoe UI Emoji;
-      --ln-font-body: 'Geist', var(--ln-font-fallback);
-      --ln-font-mono: 'Geist Mono', monospace;
+      --ln-font-body: 'Geist', 'IBM Plex Sans Arabic', var(--ln-font-fallback);
+      --ln-font-mono: 'Geist Mono', 'IBM Plex Sans Arabic', monospace;
   
       /* Light theme colors */
       --ln-color-white: #f9fafb;

nuxt.config.ts

@@ -232,6 +232,12 @@ export default defineNuxtConfig({
         preload: true,
         global: true,
       },
+      {
+        name: 'IBM Plex Sans Arabic',
+        weights: ['400', '500', '600'],
+        global: true,
+        subsets: ['arabic'],
+      },
     ],
   },
 

uno.config.ts

@@ -41,8 +41,8 @@ export default defineConfig({
   theme: {
     spacing: { DEFAULT: '4px' },
     font: {
-      mono: "'Geist Mono', monospace",
-      sans: "'Geist', system-ui, -apple-system, sans-serif",
+      mono: "'Geist Mono', 'IBM Plex Sans Arabic', monospace",
+      sans: "'Geist', 'IBM Plex Sans Arabic', system-ui, -apple-system, sans-serif",
     },
     text: {
       '2xs': { fontSize: '0.6875rem' }, // 11px