خط ثمانية للويب — Thmanyah Font Web
حزمة مجتمعية لعائلة خطوط ثمانية للويب — ثلاث عائلات، خمسة أوزان لكل عائلة. أضف ملف CSS واحد لمشروعك وابدأ باستخدام ثمانية سانس، ثمانية سيريف ديسبلاي، وثمانية سيريف تكست فورًا.
ملاحظة: خط ثمانية من تصميم وملكية ثمانية. هذا المستودع حزمة مجتمعية تعيد تجميع الخطوط لتسهيل استخدامها على الويب عبر npm و CDN.
📦 معلومات الحزمة
🌍 تجربة حية
🔗 روابط ثمانية الرسمية
| الرابط | |
|---|---|
| 🎨 جرّب الخط | font.thmanyah.com |
| 𝕏 إعلان الخط | ثمانية على X |
| 📜 ترخيص الخط | font.thmanyah.com/licenses |
🚀 البداية السريعة
الطريقة ١ — CDN (الأسرع)
أضف وسم <link> واحد لصفحتك. بدون تثبيت، بدون تحميل، بدون أي إعدادات.
jsDelivr:
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@dawod/thmanyah-font-web/index.css"
/>
unpkg:
<link
rel="stylesheet"
href="https://unpkg.com/@dawod/thmanyah-font-web/index.css"
/>
الطريقة ٢ — مدير الحزم
npm install @dawod/thmanyah-font-web
/* CSS */
@import "@dawod/thmanyah-font-web";
// JS / TS
import "@dawod/thmanyah-font-web";
الطريقة ٣ — التحميل اليدوي
انسخ مجلد fonts/ وملف index.css لمشروعك، ثم اربطه في صفحتك:
<link rel="stylesheet" href="path/to/index.css" />
🔤 عائلات الخطوط والأوزان
| Family | CSS font-family | Weights |
|---|---|---|
| Thmanyah Sans | "Thmanyah Sans", sans-serif | 300 · 400 · 500 · 700 · 900 |
| Thmanyah Serif Display | "Thmanyah Serif Display", serif | 300 · 400 · 500 · 700 · 900 |
| Thmanyah Serif Text | "Thmanyah Serif Text", serif | 300 · 400 · 500 · 700 · 900 |
💡 أمثلة الاستخدام
خصائص CSS مباشرة
body {
font-family: "Thmanyah Sans", sans-serif;
font-weight: 400;
direction: rtl;
}
h1, h2, h3 {
font-family: "Thmanyah Serif Display", serif;
font-weight: 700;
}
article p {
font-family: "Thmanyah Serif Text", serif;
font-weight: 400;
}
الأصناف الجاهزة (Utility Classes)
<!-- Family -->
<p class="font-thmanyah-sans">ثمانية سانس</p>
<h1 class="font-thmanyah-serif-display">ثمانية سيريف ديسبلاي</h1>
<p class="font-thmanyah-serif-text">ثمانية سيريف تكست</p>
<!-- Weight -->
<p class="font-thmanyah-sans font-weight-light">300</p>
<p class="font-thmanyah-sans font-weight-regular">400</p>
<p class="font-thmanyah-sans font-weight-medium">500</p>
<p class="font-thmanyah-sans font-weight-bold">700</p>
<p class="font-thmanyah-sans font-weight-black">900</p>
| Class | Value |
|---|---|
.font-thmanyah-sans | font-family: "Thmanyah Sans", sans-serif |
.font-thmanyah-serif-display | font-family: "Thmanyah Serif Display", serif |
.font-thmanyah-serif-text | font-family: "Thmanyah Serif Text", serif |
.font-weight-light | font-weight: 300 |
.font-weight-regular | font-weight: 400 |
.font-weight-medium | font-weight: 500 |
.font-weight-bold | font-weight: 700 |
.font-weight-black | font-weight: 900 |
📄 الترخيص
خط ثمانية من تصميم وملكية ثمانية. تفاصيل الترخيص في font.thmanyah.com/licenses.
⚠️ تنبيه بشأن الترخيص: ترخيص خط ثمانية مخصص للاستخدام الشخصي فقط. لا يُجيز الترخيص الرسمي استضافة ملفات الخط أو إعادة توزيعها أو تقديمها من خادمك الخاص أو CDN. للحصول على الخط، زُر الموقع الرسمي مباشرةً: font.thmanyah.com للاستخدام المؤسسي أو ترخيص موسّع، تواصل مع ثمانية على [email protected].
حزمة الويب (إعداد CSS و CDN) بواسطة @engdawood.