# خط الجزيرة للويب — Al Jazeera Font Web [![NPM Version](https://img.shields.io/npm/v/@dawod/al-jazeera-font-web)](https://www.npmjs.com/package/@dawod/al-jazeera-font-web) [![npm downloads/month](https://img.shields.io/npm/dm/@dawod/al-jazeera-font-web?label=npm%20%2Fmonth)](https://www.npmjs.com/package/@dawod/al-jazeera-font-web) [![jsDelivr npm hits](https://img.shields.io/jsdelivr/npm/hm/@dawod/al-jazeera-font-web?label=jsDelivr%20npm)](https://www.jsdelivr.com/package/npm/@dawod/al-jazeera-font-web) [![Font Weights](https://img.shields.io/badge/weights-300%20·%20400%20·%20700-orange)](#عائلة-الخط-والأوزان) **حزمة مجتمعية لخط الجزيرة العربي للويب — عائلة واحدة، ثلاثة أوزان.** أضف ملف CSS واحد لمشروعك وابدأ باستخدام خط الجزيرة فورًا: خفيف (300)، عادي (400)، عريض (700). > **ملاحظة:** خط الجزيرة من تصميم وملكية Tarek Atrissi Design، وهو خط حصري لشبكة الجزيرة — انظر [NOTICE.md](./NOTICE.md) لنص الترخيص الكامل المضمّن داخل ملفات الخط نفسها. هذا المستودع حزمة مجتمعية تعيد تجميع الخط لتسهيل استخدامه على الويب عبر npm و CDN، على نفس نمط حزمة [خط ثمانية للويب](https://github.com/engdawood/thmanyah-font-web). **[🇬🇧 Read in English](./README.en.md)** ## 🌍 جرّب أوزان الخط أونلاين 🔗 [عرض خط الجزيرة](https://engdawood.github.io/al-jazeera-font-web/examples/demo.html) --- ## تثبيت سريع ### الطريقة ١ — CDN (الأسرع)

**jsDelivr (من npm):** ```html ``` **jsDelivr (من GitHub):** ```html ``` **unpkg:** ```html ```

ملفات CSS تستخدم روابط نسبية لملفات الخطوط، لذلك تعمل من أي مصدر — npm أو GitHub أو استضافتك الخاصة — بدون تعديل. ### الطريقة ٢ — مدير الحزم

```bash npm install @dawod/al-jazeera-font-web ``` ```css /* CSS */ @import "@dawod/al-jazeera-font-web"; ``` ```js // JS / TS import "@dawod/al-jazeera-font-web"; ```

### الطريقة ٣ — التحميل اليدوي انسخ مجلد `fonts/` وملف `index.css` لمشروعك، ثم اربطه في صفحتك:

```html ```

--- ## 🔤 عائلة الخط والأوزان

| Family | CSS `font-family` | Weights | | --- | --- | --- | | **Al Jazeera** | `"Al Jazeera", sans-serif` | 300 · 400 · 700 |

| الوزن | الملف | `font-weight` | | --- | --- | --- | | Light | `al-jazeera-Light.woff2` | 300 | | Regular | `al-jazeera-Regular.woff2` | 400 | | Bold | `al-jazeera-Bold.woff2` | 700 | --- ## 💡 أمثلة الاستخدام

```css body { font-family: "Al Jazeera", sans-serif; font-weight: 400; direction: rtl; } h1, h2, h3 { font-family: "Al Jazeera", sans-serif; font-weight: 700; } ``` ```html

نص بخط الجزيرة

خفيف 300

عادي 400

عريض 700

```

--- ## الترخيص الخط © Tarek Atrissi Design — خط حصري لشبكة الجزيرة، يُستخدم ويُوزّع فقط بموافقة كتابية. النص الكامل في [NOTICE.md](./NOTICE.md). كود التغليف في هذا المستودع (CSS والتوثيق والعرض) من [@engdawood](https://github.com/engdawood) ويمكن إعادة استخدامه بحرية.