---
url: 'https://dxpr.com/ar/hc/documentation/learn-dxpr-builder/getting-started/font-awesome-7'
title: 'Font Awesome 7 في DXPR Builder | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T14:33:24+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  يحدّث DXPR Builder أيقونات Font Awesome Free المضمّنة فيه من
  الإصدار 6.7.2 إلى 7.3.1. وتبقى الصفحات عاملة دون أي تعديلات: فكل
  أيقونة في صفحة محفوظة ما زالت تظهر بالحجم والموضع نفسهما.
  أما الأيقونات نفسها فأُعيد رسمها، لذا تبدو مختلفة قليلًا.
  وتعرض هذه الصفحة التغيير وتسرد الحالات القليلة التي تحتاج إلى
  مراجعة بعد التحديث.
tags:
  - 'Install and update'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T17:19:22+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Font Awesome 7 في DXPR Builder'
      description: |-
        يحدّث DXPR Builder أيقونات Font Awesome Free المضمّنة فيه من
        الإصدار 6.7.2 إلى 7.3.1. وتبقى الصفحات عاملة دون أي تعديلات: فكل
        أيقونة في صفحة محفوظة ما زالت تظهر بالحجم والموضع نفسهما.
        أما الأيقونات نفسها فأُعيد رسمها، لذا تبدو مختلفة قليلًا.
        وتعرض هذه الصفحة التغيير وتسرد الحالات القليلة التي تحتاج إلى
        مراجعة بعد التحديث.
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T14:33:24+0000'
      dateModified: '2026-10-24T17:19:22+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/ar/hc/documentation/learn-dxpr-builder/getting-started/font-awesome-7'
      articleSection: 'التثبيت والتحديث'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/ar/hc/documentation/learn-dxpr-builder/getting-started/font-awesome-7'
      description: |-
        يحدّث DXPR Builder أيقونات Font Awesome Free المضمّنة فيه من
        الإصدار 6.7.2 إلى 7.3.1. وتبقى الصفحات عاملة دون أي تعديلات: فكل
        أيقونة في صفحة محفوظة ما زالت تظهر بالحجم والموضع نفسهما.
        أما الأيقونات نفسها فأُعيد رسمها، لذا تبدو مختلفة قليلًا.
        وتعرض هذه الصفحة التغيير وتسرد الحالات القليلة التي تحتاج إلى
        مراجعة بعد التحديث.
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: الرئيسية
            item: 'https://dxpr.com/ar'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: ar
---
[مركز المساعدة](/ar/hc)/[التوثيق](/ar/hc/%D8%A7%D9%84%D8%AA%D9%88%D8%AB%D9%8A%D9%82) /[تعلّم DXPR Builder](/ar/hc/documentation/learn-dxpr-builder) /[ابدؤوا من هنا](/ar/hc/documentation/learn-dxpr-builder/start-here) /[التثبيت والتحديث](/ar/hc/documentation/learn-dxpr-builder/start-here/install) # Font Awesome 7 في DXPR Builder.

 تعلّم DXPR Builderابدؤوا من هناالتثبيت والتحديث

   ## في هذا الدليل

 أدلة ذات صلة

- [مكتبات الأيقونات](/ar/hc/%D8%A7%D9%84%D8%AA%D9%88%D8%AB%D9%8A%D9%82/%D8%AA%D8%B9%D9%84%D9%85-dxpr-builder/%D8%A7%D9%84%D8%AA%D8%AE%D8%B5%D9%8A%D8%B5/%D9%85%D9%83%D8%AA%D8%A8%D8%A7%D8%AA-%D8%A7%D9%84%D8%A3%D9%8A%D9%82%D9%88%D9%86%D8%A7%D8%AA)
- [إضافة عنصر أيقونة](/ar/hc/%D8%A7%D9%84%D8%AA%D9%88%D8%AB%D9%8A%D9%82/%D8%AA%D8%B9%D9%84%D9%85-dxpr-builder/%D8%A7%D9%84%D8%B9%D9%86%D8%A7%D8%B5%D8%B1/%D8%A7%D9%84%D8%A3%D9%8A%D9%82%D9%88%D9%86%D8%A9)
- [تحديث DXPR Builder](/ar/hc/%D8%A7%D9%84%D8%AA%D9%88%D8%AB%D9%8A%D9%82/%D8%AA%D8%B9%D9%84%D9%85-dxpr-builder/%D8%A7%D9%84%D8%A8%D8%AF%D8%A1/%D8%AA%D8%AD%D8%AF%D9%8A%D8%AB-dxpr-builder)
- [سجل التغييرات](/ar/hc/%D8%A7%D9%84%D8%AA%D9%88%D8%AB%D9%8A%D9%82/%D8%AA%D8%B9%D9%84%D9%85-dxpr-builder/%D8%A7%D9%84%D8%A8%D8%AF%D8%A1/%D8%B3%D8%AC%D9%84-%D8%A7%D9%84%D8%AA%D8%BA%D9%8A%D9%8A%D8%B1%D8%A7%D8%AA)

يحدّث 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.

## راجعوا موقعكم بعد التحديث

1. **ابحثوا في محتواكم عن `fa-vector-square`** واستبدلوها كما هو موضح أعلاه.
2. **راجعوا 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.
3. **راجعوا وسوم القالب التي تعتمد على `sr-only`.** عرّف Font Awesome 6 فئة `sr-only` بينما لا يعرّفها Font Awesome 7. والنص الذي أخفاه قالب بها سيصبح مرئيًا. ويمكن لقوالب Bootstrap 5 استخدام `visually-hidden` بدلًا من ذلك.
4. **راجعوا أيقونات القالب خارج محتوى DXPR Builder.** فالأيقونات التي يعرضها قالبكم خارج صفحة DXPR Builder، مثل أيقونات القائمة أو التذييل، تتبع العرض الثابت في Font Awesome 7. وللحفاظ على العروض القديمة هناك أيضًا، اضبطوا `--fa-width: auto` على حاويتها.
5. **امسحوا ذواكر التخزين المؤقت.** شغّلوا `drush cr` وطهّروا أي ذاكرة تخزين مؤقت لشبكة CDN أو لوكيل عكسي ليستلم الزوار أوراق الأنماط والخطوط الجديدة.

## ما الخطوة التالية؟

- [مكتبات الأيقونات](/ar/hc/documentation/learn-dxpr-builder/customization/icon-libraries): مجموعات الأيقونات التي يشحنها DXPR Builder وكيفية تقييدها حسب الدور.
- [إضافة عنصر أيقونة](/ar/hc/documentation/learn-dxpr-builder/elements/icon): ضعوا الأيقونات ونسّقوها في صفحة.
- [تحديث DXPR Builder](/ar/hc/%D8%A7%D9%84%D8%AA%D9%88%D8%AB%D9%8A%D9%82/%D8%AA%D8%B9%D9%84%D9%85-dxpr-builder/%D8%A7%D9%84%D8%A8%D8%AF%D8%A1/%D8%AA%D8%AD%D8%AF%D9%8A%D8%AB-dxpr-builder): حدّثوا الوحدة بأمان.
- [سجل التغييرات](/ar/hc/documentation/learn-dxpr-builder/getting-started/changelog): ما يتغير في كل إصدار.