feat(i18n): add Arabic font support (#1511)

Co-authored-by: Willow (GHOST) <git@willow.sh>
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

Author: 3 people

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

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

uno.config.ts

@@ -43,8 +43,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