📋 محتويات الصفحة
📖 الوصف
Fontsource هي مكتبة شاملة توفر أكثر من 1400 خط مفتوح المصدر من Google Fonts وخطوط أخرى، متاحة كحزم npm. تتيح للمطورين استخدام الخطوط مباشرة في مشاريعهم دون الحاجة لـ CDN أو تحميل خارجي. المكتبة توفر خطاً واحداً لكل حزمة، مما يعني أنها تدعم Tree Shaking بشكل كامل. كل خط متاح بعدة أوزان وأنماط. تدعم ...
🎯 يستخدم في
مجالات استخدام هذه الأداة
تطبيقات React و Vue و Svelte
مشاريع Node.js و npm
التطبيقات المحلية (offline-first)
المواقع التي تحتاج سرعة تحميل عالية
✨ المميزات
أبرز مميزات هذه الأداة
أكثر من 1400 خط
لا يعتمد على CDN
دعم Tree Shaking كامل
يدعم Variable Fonts
حزم npm فردية لكل خط
تحديثات تلقائية
سهل التكامل مع bundlers
⚠️ العيوب
نقاط يجب مراعاتها
يزيد حجم الحزمة عند الاستخدام
يحتاج بناء المشروع للاستخدام
قد يكون معقداً للمبتدئين
لا يوفر واجهة معاينة مدمجة
💻 مثال على الاستخدام
كيفية استخدام هذه الأداة
# تثبيت خط Inter
npm install @fontsource/inter
# تثبيت خط Cairo
npm install @fontsource/cairo📚 أدوات أخرى في Fonts
قد يعجبك أيضاً
Adobe Fonts
⭐خدمة خطوط مدفوعة من Adobe
Bunny Fonts
خدمة خطوط مجانية محترم للخصوصية
DaFont
⭐مكتبة خطوط متنوعة
Font Pair
أداة اقتراح أزواج الخطوط
Font Squirrel
مكتبة خطوط مجانية
Fontshare
خدمة خطوط مجانية من Indian Type Foundry