Font View — تصفح وقارن ومزامنة خطوطك المحلية
بنينا تطبيق ويب يتيح للمصممين والمطورين تصفح ومعاينة ومقارنة ومزامنة خطوطهم المحلية — أعدنا تصميمه بواجهة داكنة متدرّجة تتعامل مع أكثر من 900 خط ببحث فوري وتحكّم حيّ بالحجم ومعاينة عربية.
التحدي
المصممون والمطورون يتعاملون مع مئات — وأحياناً آلاف — الخطوط المثبتة على أجهزتهم. تصفح هذه الخطوط من خلال إعدادات النظام بطيء ومحدود. لا توجد طريقة سهلة لمعاينة نص مخصص، أو مقارنة خطوط جنباً إلى جنب، أو مزامنة المفضلة عبر الأجهزة.
بنينا Font View لحل هذه المشكلة — والآن أعدنا تصميمه بالكامل.
ما بنيناه
Font View تطبيق ويب يستخدم Local Font Access API للوصول إلى خطوطك المحلية مباشرة من المتصفح — بدون تحميل ملفات يدوياً. الإصدار الجديد بواجهة داكنة وشريط معاينة متدرّج، يعرض مئات الخطوط في شبكة سلسة.
تصفّح ومعاينة فورية
اكتب أي نص — عربي أو إنجليزي — وشاهده معروضاً بكل خط مثبت على جهازك. تحكّم حيّ بالحجم والتباعد، رتّب أبجدياً أو عشوائياً، وبدّل بين عرض الشبكة والقائمة. التمرير الافتراضي يبقي الأداء سلساً مع مئات الخطوط.

فاتح وداكن
الواجهة تدعم الوضعين الفاتح والداكن وتتبّع النظام — لتعاين خطوطك في السياق الذي ستستخدمها فيه.

مقارنة ومزامنة سحابية
قارن الخطوط جنباً إلى جنب، أضف المفضلة، ونظّمها في مجموعات. سجّل حساباً وزامن خطوطك مع السحابة بتجزئة SHA-256 — فقط الجديد يُرفع.
البنية التقنية
بُني بـ Next.js مع TypeScript و Tailwind CSS و shadcn/ui. قاعدة بيانات PostgreSQL مع Drizzle ORM، ومصادقة عبر NextAuth.js، وتخزين عبر MinIO. متاح مباشرةً على fonts.mastudio.ai.
لماذا هذا مهم
Font View يوضح قدرتنا على بناء أدوات إنتاجية حقيقية — واجهات أنيقة فوق بنية سحابية متينة، تتطوّر إصداراً بعد إصدار.