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 Quran Script(Warsh) - Word by Word format. The script uses Unicode text with specialized font rendering for digital applications.
{
"1:1": {
"verse_key": "1:1",
"text": "بِسۡمِ ٱللَّهِ ٱلرَّحۡمَٰنِ ٱلرَّحِيمِ",
"script_type": "qpc-warsh",
"font_family": "qpc-warsh",
"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 Quran Script(Warsh) - Word by Word script |
| script_type | String | Type of script rendering (qpc-warsh) |
| font_family | String | CSS font family for proper rendering (qpc-warsh) |
| 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: 'qpc-warsh', '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 = 'qpc-warsh';
});Loading…