Digital Khatt Indopak Script - Ayah by Ayah translation for Surah Al-Muzzammil

Download Links

Digital Khatt Indopak Script - Ayah by Ayah preview of Surah Al-Muzzammil ayah 20

Jump to Ayah

اِنَّ رَبَّكَ يَعْلَمُ اَنَّكَ تَقُوْمُ اَدْنٰي مِنْ ثُلُثَيِ الَّيْلِ وَنِصْفَهٗ وَثُلُثَهٗ وَطَا࢜ىِٕفَةٌ مِّنَ الَّذِيْنَ مَعَكَؕ وَاللّٰهُ يُقَدِّرُ الَّيْلَ وَالنَّهَارَؕ عَلِمَ اَنْ لَّنْ تُحْصُوْهُ فَتَابَ عَلَيْكُمْ فَاقْرَءُوْا مَا تَيَسَّرَ مِنَ الْقُرْاٰنِؕ عَلِمَ اَنْ سَيَكُوْنُ مِنْكُمْ مَّرْضٰيۙ وَاٰخَرُوْنَ يَضْرِبُوْنَ فِي الْاَرْضِ يَبْتَغُوْنَ مِنْ فَضْلِ اللّٰهِۙ وَاٰخَرُوْنَ يُقَاتِلُوْنَ فِيْ سَبِيْلِ اللّٰهِؗۖ فَاقْرَءُوْا مَا تَيَسَّرَ مِنْهُۙ وَاَقِيْمُوا الصَّلٰوةَ وَاٰتُوا الزَّكٰوةَ وَاَقْرِضُوا اللّٰهَ قَرْضًا حَسَنًاؕ وَمَا تُقَدِّمُوْا لِاَنْفُسِكُمْ مِّنْ خَيْرٍ تَجِدُوْهُ عِنْدَ اللّٰهِ هُوَ خَيْرًا وَّاَعْظَمَ اَجْرًاؕ وَاسْتَغْفِرُوا اللّٰهَؕ اِنَّ اللّٰهَ غَفُوْرٌ رَّحِيْمٌ ۝٢٠ࣖ

Digital Khatt Indopak Script - Ayah by Ayah Resource

This resource provides Quranic script in Digital Khatt Indopak Script - Ayah by Ayah format. The script uses Unicode text with specialized font rendering for digital applications.

Sample JSON

{ "1:1": { "verse_key": "1:1", "text": "بِسۡمِ ٱللَّهِ ٱلرَّحۡمَٰنِ ٱلرَّحِيمِ", "script_type": "text_digital_khatt_indopak", "font_family": "digitalkhatt-indopak", "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 Digital Khatt Indopak Script - Ayah by Ayah script
script_type	String	Type of script rendering (`text_digital_khatt_indopak`)
font_family	String	CSS font family for proper rendering (`digitalkhatt-indopak`)
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 Integration

/* Include the font family in your CSS */
.quran-text {
  font-family: 'digitalkhatt-indopak', 'Amiri', serif;
  direction: rtl;
  text-align: right;
}

JavaScript Usage

// 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 = 'digitalkhatt-indopak';
  });

Features

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

Tags