The text of the Quran, word by word. It only displays correctly with the font it was made for.
This resource provides Quranic script in Indopak format. The script uses Unicode text with specialized font rendering for digital applications.
{
"1:1": {
"verse_key": "1:1",
"text": "بِسۡمِ ٱللَّهِ ٱلرَّحۡمَٰنِ ٱلرَّحِيمِ",
"script_type": "text_indopak",
"font_family": "indopak",
"words": [
{
"position": 1,
"text": "بِسۡمِ",
"location": "1:1:1"
}
],
"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 Indopak script |
| script_type | String | Type of script rendering (text_indopak) |
| font_family | String | CSS font family for proper rendering (indopak) |
| 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 |
.quran-text {
font-family: 'indopak', '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 = 'indopak';
});Loading…