Font Awesome 7 في DXPR Builder.
يحدّث DXPR Builder أيقونات Font Awesome Free المضمّنة فيه من الإصدار 6.7.2 إلى 7.3.1. وتبقى الصفحات عاملة دون أي تعديلات: فكل أيقونة في صفحة محفوظة ما زالت تظهر بالحجم والموضع نفسهما. أما الأيقونات نفسها فأُعيد رسمها، لذا تبدو مختلفة قليلًا. وتعرض هذه الصفحة التغيير وتسرد الحالات القليلة التي تحتاج إلى مراجعة بعد التحديث.
ما يتغير في صفحاتكم
- تصاميم أيقونات جديدة. يعيد Font Awesome 7 رسم أيقوناته بأشكال أثقل وأكثر استدارة. وتحصل أيقونات Regular (المفرّغة) على خطوط أسمك. أما شعارات العلامات التجارية فتكاد لا تتغير.
- التخطيط نفسه. يمنح Font Awesome 7 كل أيقونة عرضًا ثابتًا افتراضيًا،
مما كان سيزيح الأيقونات الضيقة إلى اليمين. لكن DXPR Builder
يحافظ على سلوك Font Awesome 6 في صفحاته وفي المحرّر،
لذا تحتفظ الأيقونات بموضعها وتباعدها. وبعض الأيقونات المعاد رسمها
أضيق قليلًا، مثل house وtruck. أما الأيقونات ذات الفئة
fa-fwمثل روابط التواصل الاجتماعي، فتبقى بعرض ثابت كما كانت. - أسماء الفئات نفسها. تحتفظ الصفحات المحفوظة بفئات أيقوناتها، مثل
fas fa-house. وتبقى الفئات من Font Awesome 4 و5 عاملة عبر أنماط التوافق التي ما زالت تغطي الأسماء القديمة نفسها وعددها 464 اسمًا.
قبل وبعد
يعرض كل مربع أيقونة واحدة مرتين. فالأيقونة الرمادية على اليسار هي Font Awesome 6.7.2؛ والأيقونة السوداء على اليمين هي Font Awesome 7.3.1.
أيقونات جديدة
يسرد منتقي الأيقونات الآن 1992 أيقونة مجانية، بعد أن كانت 1895.
| النمط | Font Awesome 6.7.2 | Font Awesome 7.3.1 |
|---|---|---|
| Solid | 1402 | 1422 |
| Regular | 163 | 169 |
| Brands | 495 | 572 |
تشمل الأيقونات الجديدة وعددها 103 شعارات علامات تجارية مثل Claude وCopilot وGemini وFediverse وCodeberg وForgejo، والأبراج الفلكية.
الأيقونات المعاد تسميتها والمحذوفة
تحمل خمس أيقونات أسماء جديدة. والصفحات التي تستخدم الأسماء القديمة تبقى تعرض الأيقونة، لأن Font Awesome 7 ما زال يقبلها. أما منتقي الأيقونات فيعرض الأسماء الجديدة فقط.
| الاسم القديم | الاسم الجديد |
|---|---|
user-large |
user |
user-large-slash |
user-slash |
headphones-simple |
headphones |
handshake-simple |
handshake |
handshake-simple-slash |
handshake-slash |
تغادر أيقونة واحدة المجموعة المجانية: vector-square. إذ لا يقدّمها Font Awesome 7 إلا
في نسخته المدفوعة Pro، لذا فإن الصفحة التي تستخدم
fa-vector-square لن تعرض أي أيقونة بعد التحديث. استبدلوها
بأيقونة مجانية مثل draw-polygon أو object-group.
ما يبقى على حاله
- الترخيص. يحافظ Font Awesome Free على الشروط نفسها. تستخدم الأيقونات CC BY 4.0، والخطوط SIL OFL 1.1، والشيفرة MIT.
- أسماء المكتبات. تحتفظ مكتبة Drupal باسمها الآلي،
dxpr_builder/elements.font_awesome_6_free، لأن الصفحات المحفوظة والشيفرة المخصصة تشير إليه. وهي تحمّل الآن Font Awesome 7. - دعم المتصفحات. لا يشحن Font Awesome 7 سوى خطوط WOFF2. وكل متصفح يدعمه DXPR Builder يقرأ WOFF2.
راجعوا موقعكم بعد التحديث
- ابحثوا في محتواكم عن
fa-vector-squareواستبدلوها كما هو موضح أعلاه. - راجعوا CSS القالب المخصص الذي يرسم أيقونات Font Awesome بنفسه.
يعيد Font Awesome 7 تسمية خطوطه إلى «Font Awesome 7 Free»
و«Font Awesome 7 Brands». فأي CSS يضبط
font-familyعلى «Font Awesome 6 Free» أو «Font Awesome 6 Brands» مع نقطة شيفرةcontentسيتوقف عن عرض الأيقونة. استخدموا الأسماء الجديدة، أو الخاصيتين المخصصتين--fa-family-classicو--fa-family-brandsاللتين يوفّرهما Font Awesome 7. - راجعوا وسوم القالب التي تعتمد على
sr-only. عرّف Font Awesome 6 فئةsr-onlyبينما لا يعرّفها Font Awesome 7. والنص الذي أخفاه قالب بها سيصبح مرئيًا. ويمكن لقوالب Bootstrap 5 استخدامvisually-hiddenبدلًا من ذلك. - راجعوا أيقونات القالب خارج محتوى DXPR Builder. فالأيقونات التي
يعرضها قالبكم خارج صفحة DXPR Builder، مثل أيقونات القائمة
أو التذييل، تتبع العرض الثابت في Font Awesome 7. وللحفاظ على العروض
القديمة هناك أيضًا، اضبطوا
--fa-width: autoعلى حاويتها. - امسحوا ذواكر التخزين المؤقت. شغّلوا
drush crوطهّروا أي ذاكرة تخزين مؤقت لشبكة CDN أو لوكيل عكسي ليستلم الزوار أوراق الأنماط والخطوط الجديدة.
ما الخطوة التالية؟
- مكتبات الأيقونات: مجموعات الأيقونات التي يشحنها DXPR Builder وكيفية تقييدها حسب الدور.
- إضافة عنصر أيقونة: ضعوا الأيقونات ونسّقوها في صفحة.
- تحديث DXPR Builder: حدّثوا الوحدة بأمان.
- سجل التغييرات: ما يتغير في كل إصدار.