# خط الجزيرة للويب — Al Jazeera Font Web
**[🇸🇦 اقرأ التوثيق بالعربية](./README.md)**
A community-maintained web package for the Al Jazeera Arabic font — one family, three weights. Drop a single `` or CSS import into your project and start using the font immediately. Unlike a CDN-only wrapper, the font files **are** bundled in the npm package: the CSS uses relative URLs, so the same stylesheet works from npm, unpkg, jsDelivr (npm or GitHub) and your own hosting.
> The Al Jazeera font is designed and owned by **Tarek Atrissi Design** as an exclusive custom font for the Al Jazeera Network. See [NOTICE.md](./NOTICE.md) for the full license text embedded in the font files. This is a community package that provides a convenient CSS wrapper for web usage, modelled on [@dawod/thmanyah-font-web](https://www.npmjs.com/package/@dawod/thmanyah-font-web).
---
[](https://www.npmjs.com/package/@dawod/al-jazeera-font-web)
[](https://www.npmjs.com/package/@dawod/al-jazeera-font-web)
[](https://www.jsdelivr.com/package/npm/@dawod/al-jazeera-font-web)
---
## Quick Start
### CDN — no install needed
```html
```
```html
```
```html
```
### npm
```bash
npm install @dawod/al-jazeera-font-web
```
```js
import "@dawod/al-jazeera-font-web";
```
```css
@import "@dawod/al-jazeera-font-web";
```
---
## Font Family & Weights
| Family | CSS `font-family` | Weights |
|--------|-------------------|---------|
| **Al Jazeera** | `"Al Jazeera", sans-serif` | 300 · 400 · 700 |
| Weight | File | `font-weight` |
|--------|------|---------------|
| Light | `al-jazeera-Light.woff2` | 300 |
| Regular | `al-jazeera-Regular.woff2` | 400 |
| Bold | `al-jazeera-Bold.woff2` | 700 |
---
## Usage
```css
body {
font-family: "Al Jazeera", sans-serif;
font-weight: 400;
direction: rtl;
}
h1 {
font-family: "Al Jazeera", sans-serif;
font-weight: 700;
}
```
```html