Fontello

يسمح Fontello باختيار الرموز المحددة المطلوبة لتطبيقك فقط. من خلال استبعاد آلاف الأيقونات غير المستخدمة، يمكنك تقليل حجم ملف الخط من مئات الكيلوبايتات إلى بضعة كيلوبايتات فقط. هذا التحكم الدقيق يحسن مباشرة مؤشرات أداء الويب الأساسية (Core Web Vitals)، وتحديداً تقليل أوقات أكبر محتوى مرسوم (LCP) عن طريق تقليل حجم حمولة الأصول المهمة.

تتضمن المنصة محركاً قوياً يحول مسارات SVG المتجهة إلى تنسيقات خطوط قياسية (WOFF, WOFF2, TTF, EOT). يتعامل المحرك مع تسوية المسار وتغيير حجم الإحداثيات تلقائياً، مما يضمن عرض أيقوناتك المخصصة بوضوح عند أي دقة. هذا يتفوق على استخدام ملفات SVG الخام في DOM، حيث يسمح بمعالجة الألوان والأحجام بسهولة عبر خصائص CSS القياسية مثل 'color' و'font-size'.

عند التنزيل، يوفر Fontello ملف CSS جاهز للاستخدام يتضمن جميع تعريفات @font-face اللازمة وتعريفات الفئات. هذا يلغي العبء اليدوي لكتابة CSS المتكرر لتحديد موضع الأيقونات، وتعديلات ارتفاع السطر، والمحاذاة الرأسية. الكود الذي تم إنشاؤه مُحسّن للمتصفحات الحديثة، مما يضمن عرضاً متسقاً عبر Chrome وFirefox وSafari وEdge دون الحاجة إلى polyfills معقدة.

يتمتع المستخدمون بالتحكم الكامل في تعيين Unicode لكل أيقونة. هذا أمر بالغ الأهمية للمطورين الذين يدمجون الأيقونات في الأنظمة القديمة أو أنظمة التصميم المعقدة حيث قد تكون رموز أحرف معينة محجوزة بالفعل. من خلال تعيين الرموز يدوياً، تمنع تعارض الأحرف وتضمن تكامل خط الأيقونات بسلاسة مع مجموعات الطباعة الموجودة دون سلوك غير متوقع.

ينشئ Fontello تنسيقات خطوط متعددة في وقت واحد لضمان أقصى توافق مع المتصفحات. بينما يُفضل WOFF2 للمتصفحات الحديثة نظراً لضغطها الفائق، يتضمن Fontello تنسيقات أقدم مثل EOT وTTF لدعم البيئات القديمة. هذا يضمن بقاء واجهة المستخدم الخاصة بك متسقة عبر مجموعة واسعة من الأجهزة، من الهواتف الذكية الحديثة إلى متصفحات سطح المكتب القديمة، دون الحاجة إلى أدوات تحويل إضافية أثناء البناء.