Uthmani translation for Surah Al-Muddaththir

Download Links

Uthmani preview of Surah Al-Muddaththir ayah 31

Jump to Ayah

وَمَا جَعَلْنَآ أَصْحَـٰبَ ٱلنَّارِ إِلَّا مَلَـٰٓئِكَةً ۙ وَمَا جَعَلْنَا عِدَّتَهُمْ إِلَّا فِتْنَةً لِّلَّذِينَ كَفَرُوا۟ لِيَسْتَيْقِنَ ٱلَّذِينَ أُوتُوا۟ ٱلْكِتَـٰبَ وَيَزْدَادَ ٱلَّذِينَ ءَامَنُوٓا۟ إِيمَـٰنًا ۙ وَلَا يَرْتَابَ ٱلَّذِينَ أُوتُوا۟ ٱلْكِتَـٰبَ وَٱلْمُؤْمِنُونَ ۙ وَلِيَقُولَ ٱلَّذِينَ فِى قُلُوبِهِم مَّرَضٌ وَٱلْكَـٰفِرُونَ مَاذَآ أَرَادَ ٱللَّهُ بِهَـٰذَا مَثَلًا ۚ كَذَٰلِكَ يُضِلُّ ٱللَّهُ مَن يَشَآءُ وَيَهْدِى مَن يَشَآءُ ۚ وَمَا يَعْلَمُ جُنُودَ رَبِّكَ إِلَّا هُوَ ۚ وَمَا هِىَ إِلَّا ذِكْرَىٰ لِلْبَشَرِ

Uthmani Resource

This resource provides Quranic script in Uthmani 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_uthmani", "font_family": "me_quran", "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 Uthmani script
script_type	String	Type of script rendering (`text_uthmani`)
font_family	String	CSS font family for proper rendering (`me_quran`)
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: 'me_quran', '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 = 'me_quran';
  });

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