QPC Hafs Script - With Tajweed translation for Surah Al-Furqan

Download Links

Download json Download sqlite

QPC Hafs Script - With Tajweed preview of Surah Al-Furqan ayah 21

Jump to Ayah

← Previous Next →

۞وَقَالَ

ٱلَّذِينَ

لَا

يَرۡجُونَ

لِقَآءَنَا

لَوۡلَآ

أُنزِلَ

عَلَيۡنَا

ٱلۡمَلَـٰٓئِكَةُ

أَوۡ

نَرَىٰ

رَبَّنَا‌ۗ

لَقَدِ

ٱسۡتَكۡبَرُواۡ

فِىٓ

أَنفُسِهِمۡ

وَعَتَوۡ

عُتُوًّا

كَبِيرًا

٢١

About this script

This resource provides Quranic script in QPC Hafs Script - With Tajweed format. The script uses Unicode text with specialized font rendering for digital applications.

Sample JSON

JSON

{
  "1:1": {
    "verse_key": "1:1",
    "text": "بِسۡمِ ٱللَّهِ ٱلرَّحۡمَٰنِ ٱلرَّحِيمِ",
    "script_type": "text_uthmani_tajweed",
    "font_family": "tajweed-new qpc-hafs",
    "words": [
      {
        "position": 1,
        "text": "بِسۡمِ",
        "location": "1:1:1"
      }
    ],
    "page_number": 1,
    "juz_number": 1,
    "hizb_number": 1
  }
}

Field descriptions

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

Usage examples

CSS

.quran-text {
  font-family: 'tajweed-new qpc-hafs', 'Amiri', serif;
  direction: rtl;
  text-align: right;
}

JavaScript

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';
  });

Features

High-quality Arabic text rendering
Proper diacritical marks and Tajweed annotations
Responsive design for different screen sizes
Word-by-word display for detailed study
Unicode text for easy copying and searching
Scalable vector rendering

Tags