The QPC Hafs Quran Script is Quran text published by the King Fahd Complex for the Printing of the Holy Quran. It follows the Hafs narration, which is one of the most widely used recitations. Text is unicode based, and you'll need to use QPC Hafs font to render it.
This resource provides Quranic script in QPC Hafs script - Ayah by Ayah 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 - Ayah by Ayah script |
| script_type | String | Type of script rendering (text_qpc_hafs) |
| font_family | String | CSS font family for proper rendering (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 |
/* Include the font family in your CSS */
.quran-text {
font-family: '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 = 'qpc-hafs';
});