Make color fonts for tajweed

[fawazahmed0]

Make color fonts for tajweed:

Current issues:
Currently, There is no color font for tajweed, and the developers solve this problem by parsing the tajweed metadata attached to the quran text. For example see and this is how a ayah with tajweed metadata looks like.

Many new developers seems to be have issues ,for example see this and this.
Some developers are trying to solve this with Generated tajweed ayah images, for example see

And some have great ideas!

Benefits:
I think making a colored tajweed font will make it easier for developers to add tajweed without having to program code and parse the text etc. And many apps and websites, can easily add tajweed fonts then.

Options
Currently there are four color fonts, that needs to be created to have support across all the differnt OS.

1. CBDT (Chrome, Android)
2. SVG-OpenType (Firefox,Window 10, macOS 10.14+, iOS 12+)
3. SBIX (MacOS, iOS)
4. COLR (Windows 8.1)

I think if we create CBDT and SVG font, then we will have around 80%-90% different platform/OS support

I am not sure if it's a big task or a simple one. I would love if someone would create one.
And if God will's I might create one

Alternative Solution:
QuranComplex seems to have created many fonts for quran, and I think they have great resources and they would be able to do this easily, incase someone could write to them or their chairperson to make these color tajweed font's ,our task will be much easier.
Here's the link to their website:
Link 1
Link 2
Link 3
(They don't usually reply ,but you should give it a try by, writing a well structured email and also try calling them, maybe they might agree)

Few links that might help:
A tools which checks whether the browser supports the color font or not
Link

Links having more information on color fonts:
Link 1
Link 2

[issue-label-bot]

Issue-Label Bot is automatically applying the label feature_request to this issue, with a confidence of 0.93. Please mark this comment with 👍 or 👎 to give our bot feedback!

Links: app homepage, dashboard and code for this bot.

[fawazahmed0]

If it's very tough, We don't really have to create color fonts, we just have to be creative enough to think of a way to put the tajweed data in the current fonts formats, for example, a thinner arabic alphabet to denote something and a thicker arabic alphabet to denote a different pronunciation sound, maybe something like that or any better idea

[fawazahmed0]

letters to Quran Complex and Ministry of Islamic Affairs

[fawazahmed0]

ok, God willing I will try to solve this, but not by svg fonts, rather by svg images which has large platform support

[fawazahmed0]

Quran Complex has written an article related to my letters at here and here

[fawazahmed0]

https://github.com/fawazahmed0/quran-api/blob/1/scripts/files/notes/qtajweed%20notes.txt
color coded quran translitration ,use IPA with tawjeed
indo-pak
uthmaic
https://www.quran-online.com/quran-phonetic/surah-al-fatiha-phonetic-1.html
research

put inside span, with color style, browser is parser

maybe also add wordbyword (only in quran app)

fix bugs in (q app)

recitation synthesis (voice conversion using AI)
see all the projs & choose easy & best

TTS must khattab/joshua (male&female) , TTS all languages