Digital Khatt V2 script - Word by word translation for Surah Ar-Rum

Download Links

Download json Download sqlite

Digital Khatt V2 script - Word by word preview of Surah Ar-Rum ayah 22

Jump to Ayah

← Previous Next →

وَمِنْ

ءَايَٰتِهِۦ

خَلْقُ

ٱلسَّمَٰوَٰتِ

وَٱلْأَرْضِ

وَٱخْتِلَٰفُ

أَلْسِنَتِكُمْ

وَأَلْوَٰنِكُمْۚ

إِنَّ

فِي

ذَٰلِكَ

لَـَٔايَٰتࣲ

لِّلْعَٰلِمِينَ

۝٢٢

About this script

This resource provides Quranic script in Digital Khatt V2 script - Word by word 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_digital_khatt",
    "font_family": "digitalkhatt-v2",
    "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 Digital Khatt V2 script - Word by word script
script_type	String	Type of script rendering (`text_digital_khatt`)
font_family	String	CSS font family for proper rendering (`digitalkhatt-v2`)
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: 'digitalkhatt-v2', '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 = 'digitalkhatt-v2';
  });

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

Digital Khatt V2 script - Word by word

Tags