DigitalKhatt

Open source project working on Visual MetaFont editor, parametric fonts, Arabic text justification and Quran typesetting. Sponsored by @tarteelAI

[DigitalKhatt @DigitalKhatt]

Here is an experimental Old Madinah Mushaf with tajweed coloring.

It uses a constraint solver for automatic mark positioning and collision avoidance, alongside advanced Arabic justification.

This work is still under development and may contain errors.

https://t.co/swmivwvAKB

[DigitalKhatt @DigitalKhatt]

@mohamed85911737 Which mushaf use this khatt?

[DigitalKhatt @DigitalKhatt]

A new demo of the old Mushaf al-Madinah is available at https://t.co/gau0qMlPvX (not yet available on WebKit browser).
The demo uses JavaScript, CSS and OpenType instead of WebAssembly and MetaFont (https://t.co/nLfq9SjqEP).
Source code and font : https://t.co/xkHEvUUVYR).

[DigitalKhatt @DigitalKhatt]

@movalsan Salam. Unfortunately, it is not yet supported on Mac.

[DigitalKhatt @DigitalKhatt]

Working on a new IndoPak variable font (https://t.co/iADw9Pta8J).
You can find a demo of the Mushaf using this font at https://t.co/pwEPlvcXv2.

[DigitalKhatt @DigitalKhatt]

@MohamedTahhan For an Android App you can find an example using Skia at https://t.co/6SsGpu1Bhy. You can adapt it to use the new implementation at https://t.co/MWZt8myZEI. If you don't need justification you can use the font as any other OpenType font.

[DigitalKhatt @DigitalKhatt]

A new version of the DigitalKhatt font based on Madinah Mushaf from 1441 Hijri is available at https://t.co/3oHr6giqjY (not yet supported on Safari).

Here is a demo of the Mushaf using harfbuzzjs and a frontend justification: https://t.co/1hfzT0tm5L.

[DigitalKhatt @DigitalKhatt]

@baihaqi_bk1 Not supported yet.

[DigitalKhatt @DigitalKhatt]

@muslim__s2 Please see https://t.co/ACcdUqGB7M

[DigitalKhatt @DigitalKhatt]

@muslim__s2 Yes no problem

[DigitalKhatt @DigitalKhatt]

I have started preparing documentation if anyone wants to design a new font or improve existing fonts using the Visual MetaFont tool.

https://t.co/SzfIxY2LPx

[DigitalKhatt @DigitalKhatt]

@TahriNacer وإياكم، جزاكم الله خيرا

[DigitalKhatt @DigitalKhatt]

I continued working on character segmentation at https://t.co/aJ4HjBgoZg. There are still many incorrectly segmented words, but for correct words, the character shapes resulting from a search are displayed in the order of their widths as for the final Yeh below.

[DigitalKhatt @DigitalKhatt]

@TahriNacer وإياكم أخي الكريم. بارك الله فيكم.

[DigitalKhatt @DigitalKhatt]

A new demo using harfbuzzjs is available at https://t.co/ploQaBuKlC.
Using HarfBuzz directly allows different features per character in the same run. The justification logic is now on the frontend, which makes it possible to study and implement different justification strategies.

[DigitalKhatt @DigitalKhatt]

DigitalKhatt is proud to announce funding from @tarteelAI to support full time development on DigitalKhatt, contributing to Tarteel's mission of increasing accessibility to the Quran globally.
We are excited by the accelerated progress & technology this collaboration will unlock!

[DigitalKhatt @DigitalKhatt]

@hozien It is possible to generate a PDF file but I don't know if it is acceptable for printing. Do you know where we can find the Unicode text formatted page by page and line by line according to King Fūʾād Mushaf? I might try generating a mushaf using this font once it's ready.

[DigitalKhatt @DigitalKhatt]

I'm experimenting a new implementation using only standard WEB components (HTML, CSS, JavaScript) and OpenType.
We can now have search, copy, and interaction capabilities with improved justification.
This looks promising.
Here a simple implementation ex. : https://t.co/kzGeFHaMly

[DigitalKhatt @DigitalKhatt]

@BenThereDonDhat Sorry, not really. I'm not a designer. I'm a software developer trying to understand Arabic calligraphy and implement it digitally.

[DigitalKhatt @DigitalKhatt]

I'm working on a new variable font of the old Uthman Taha' script which is used around the world in many masahifs such as the old Madina musha.

Here is an example of the last 4 pages: https://t.co/biaLxOHVRp.

[DigitalKhatt @DigitalKhatt]

@CKDagli Sorry, I'm not familiar with InDesign and don't know if it's possible to compile the code and plug it into InDesign. This is custom C++ code added to HarfBuzz to apply justification.

[DigitalKhatt @DigitalKhatt]

I started to implement character segmentation. This is a long process because multiple characters can have multiple join shapes and types. The example below shows how the subword is segmented based on extrema and sharp turns and the result when applying tajweed colors.