Imlaei Script - Ayah by ayah

Ayah by Ayah

Imlaei Quran Script

The Imlaei script is a modern Arabic writing style commonly used for implementing search due to its simplified and phonetic structure. Below is a comparison of two sample Ayahs in Imlaei and Uthmani scripts.

Imlaei Vs Uthmani

Ayah Imlaei Script Uthmani Script
Surah Al-Fatihah (1:4) مالكِ يومِ الدِّينِ مَّلِكِ يومِ الدِّينِ
Surah Al-Baqarah (2:2) ذَلِكَ الكِتَابُ لا رَيْبَ فِيهِ ذَّالِكَ الكِتَّابُ لا رَيْبَ فِيهِ

Tags

Download Links

Quran Script Preview

Surah Al-Muzzammil ayah 4
أَوْ زِدْ عَلَيْهِ وَرَتِّلِ الْقُرْآنَ تَرْتِيلًا

Imlaei Script - Ayah by ayah Resource

This resource provides Quranic script in Imlaei 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_imlaei", "font_family": "qpc-hafs", "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 Imlaei Script - Ayah by ayah script
script_type String Type of script rendering (text_imlaei)
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

Usage Examples

CSS Integration

/* Include the font family in your CSS */
.quran-text {
  font-family: 'qpc-hafs', '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 = 'qpc-hafs';
  });

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