خط الجزيرة للويب — Al Jazeera Font Web

حزمة مجتمعية لخط الجزيرة العربي للويب — عائلة واحدة، ثلاثة أوزان. أضف ملف CSS واحد لمشروعك وابدأ باستخدام خط الجزيرة فورًا: خفيف (300)، عادي (400)، عريض (700).

ملاحظة: خط الجزيرة من تصميم وملكية Tarek Atrissi Design، وهو خط حصري لشبكة الجزيرة — انظر NOTICE.md لنص الترخيص الكامل المضمّن داخل ملفات الخط نفسها. هذا المستودع حزمة مجتمعية تعيد تجميع الخط لتسهيل استخدامه على الويب عبر npm و CDN، على نفس نمط حزمة خط ثمانية للويب.

🇬🇧 Read in English

🌍 جرّب أوزان الخط أونلاين

🔗 عرض خط الجزيرة

تثبيت سريع

الطريقة ١ — CDN (الأسرع)

jsDelivr (من npm):

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/@dawod/al-jazeera-font-web/index.css"
/>

jsDelivr (من GitHub):

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/gh/engdawood/al-jazeera-font-web@main/index.css"
/>

unpkg:

<link
  rel="stylesheet"
  href="https://unpkg.com/@dawod/al-jazeera-font-web/index.css"
/>

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

الطريقة ٢ — مدير الحزم

npm install @dawod/al-jazeera-font-web

/* CSS */
@import "@dawod/al-jazeera-font-web";

// JS / TS
import "@dawod/al-jazeera-font-web";

الطريقة ٣ — التحميل اليدوي

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

<link rel="stylesheet" href="path/to/index.css" />

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

| 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 |

💡 أمثلة الاستخدام

body {
  font-family: "Al Jazeera", sans-serif;
  font-weight: 400;
  direction: rtl;
}

h1, h2, h3 {
  font-family: "Al Jazeera", sans-serif;
  font-weight: 700;
}

<p class="font-al-jazeera">نص بخط الجزيرة</p>
<p class="font-al-jazeera font-weight-light">خفيف 300</p>
<p class="font-al-jazeera font-weight-regular">عادي 400</p>
<p class="font-al-jazeera font-weight-bold">عريض 700</p>

الترخيص

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

Acknowledgements

• Tarek Atrissi Design — designer and copyright holder of the Al Jazeera font (www.ArabicTypography.com).
• engdawood/thmanyah-font-web — the upstream package this repository's structure, CSS pattern, workflows and docs are modelled on.