خطوط القرآن ( IndoPak )

مستودع جاهز لعرض النص القرآني بخطوط IndoPak مع ملفات خطوط متعددة الصيغ وقواعد بيانات مضغوطة لتسريع التحميل.

مقارنة الخطوط

اسم الخط	معاينة
IndoPak Nastaleeq
Digital Khatt Indopak

التحميل

IndoPak Nastaleeq

• TTF · WOFF · WOFF2

Digital Khatt Indopak

• TTF · WOFF · WOFF2

دمج الويب (CSS)

/* IndoPak Nastaleeq */
@font-face {
  font-family: 'IndoPakFont';
  src: url('fonts/1.woff2') format('woff2'),
       url('fonts/1.woff') format('woff'),
       url('fonts/1.ttf') format('truetype');
  font-display: swap;
}

/* Digital Khatt */
@font-face {
  font-family: 'DigitalKhattFont';
  src: url('fonts/2.woff2') format('woff2'),
       url('fonts/2.woff') format('woff'),
       url('fonts/2.ttf') format('truetype');
  font-display: swap;
}

قواعد البيانات

JSON مباشر (مناسب للتطوير)

async function loadSimpleJSON(url) {
  const res = await fetch(url);
  return res.json();
}
// مثال: const db = await loadSimpleJSON('data/db_font1.json');

TXT مضغوط Gzip + Base64 (مناسب للإنتاج)

async function loadCompressedDB(url) {
  const res = await fetch(url);
  const base64 = await res.text();
  const binary = atob(base64);
  const bytes = Uint8Array.from(binary, c => c.charCodeAt(0));
  const stream = new Response(bytes).body.pipeThrough(new DecompressionStream('gzip'));
  const jsonText = await new Response(stream).text();
  return JSON.parse(jsonText);
}
// مثال: const db = await loadCompressedDB('data/db_font1_compressed.txt');

هيكل المشروع

├── fonts/              # TTF / WOFF / WOFF2 fonts
├── data/               # JSON plus compressed TXT
├── images/             # Previews 
├── index.html          # Demo or landing page
└── README.md

المصادر

• مخططات مصحف :

Digital Khatt Indopak Script - Word by Word

Digital Khatt Indopak Script - Ayah by Ayah