The text of the Quran, ayah by ayah. It only displays correctly with the font it was made for.
This resource provides Quranic script in QPC Hafs Tajweed format. The script uses Unicode text with specialized font rendering for digital applications.
{
"1:1": {
"verse_key": "1:1",
"text": "بِسۡمِ ٱللَّهِ ٱلرَّحۡمَٰنِ ٱلرَّحِيمِ",
"script_type": "text_uthmani_tajweed",
"font_family": "tajweed-new qpc-hafs",
"page_number": 1,
"juz_number": 1,
"hizb_number": 1
}
}| Field | Type | Description |
|---|---|---|
| verse_key | String | Reference in the format surah:ayah (e.g., 1:1) |
| text | String | Unicode text of the verse in QPC Hafs Tajweed script |
| script_type | String | Type of script rendering (text_uthmani_tajweed) |
| font_family | String | CSS font family for proper rendering (tajweed-new qpc-hafs) |
| page_number | Integer | Mushaf page number where this verse appears |
| juz_number | Integer | Juz number (1-30) containing this verse |
| hizb_number | Integer | Hizb number (1-60) containing this verse |
.quran-text {
font-family: 'tajweed-new qpc-hafs', 'Amiri', serif;
direction: rtl;
text-align: right;
}fetch('/api/v1/verses/1:1.json')
.then(response => response.json())
.then(data => {
const el = document.getElementById('verse');
el.innerHTML = data.text;
el.className = 'tajweed-new qpc-hafs';
});Loading…