This resource provides Quranic script in QPC Hafs Script - With Tajweed format. The script uses Unicode text with specialized font rendering for digital applications.
| 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 Script - With 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) |
| words | Array | Array of word objects with individual word text/images |
| words[].position | Integer | Position of the word within the verse |
| words[].text | String | Unicode text of the individual word |
| words[].location | String | Word location in format surah:ayah:word |
| 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 |
/* Include the font family in your CSS */
.quran-text {
font-family: 'tajweed-new qpc-hafs', 'Amiri', serif;
direction: rtl;
text-align: right;
}
// Fetch verse data
fetch('/api/v1/verses/1:1.json')
.then(response => response.json())
.then(data => {
document.getElementById('verse').innerHTML = data.text;
document.getElementById('verse').className = 'tajweed-new qpc-hafs';
});