1738700-1-ref.html (1274B)
1 <html> 2 <head> 3 <meta charset=UTF-8> 4 <title>“Amiri Quran Colored” test</title> 5 <style> 6 @font-face { 7 font-family: AmiriMonochrome; 8 font-style: normal; 9 font-weight: 400; 10 src: url('../fonts/AmiriQuran.otf'); 11 } 12 .test { 13 direction: rtl; 14 text-align: justify; 15 text-align-last: center; 16 font-size: 40px; 17 margin: 1em; 18 position: absolute; 19 } 20 .monochrome { 21 font-family: AmiriMonochrome; 22 -webkit-text-stroke: 3px black; 23 } 24 </style> 25 </head> 26 <div>The colored Arabic text should be exactly covered by (thicker) black text:</div> 27 <div class="test monochrome"> 28 <p> 29 ﷽ ١ 30 <br> 31 ٱلۡحَمۡدُ لِلَّهِ رَبِّ ٱلۡعَـٰلَمِینَ ٢ 32 ٱلرَّحۡمَـٰنِ ٱلرَّحِیمِ ٣ 33 مَـٰلِكِ یَوۡمِ ٱلدِّینِ ٤ 34 إِیَّاكَ نَعۡبُدُ وَإِیَّاكَ نَسۡتَعِینُ ٥ 35 ٱهۡدِنَا ٱلصِّرَ ٰطَ ٱلۡمُسۡتَقِیمَ ٦ 36 صِرَ ٰطَ ٱلَّذِینَ أَنۡعَمۡتَ عَلَیۡهِمۡ غَیۡرِ ٱلۡمَغۡضُوبِ عَلَیۡهِمۡ وَلَا ٱلضَّاۤلِّینَ ٧ 37 </p> 38 </div> 39 </html>