40 lines
1.2 KiB
HTML
40 lines
1.2 KiB
HTML
<html>
|
|
<head>
|
|
<meta charset=UTF-8>
|
|
<title>“Amiri Quran Colored” test</title>
|
|
<style>
|
|
@font-face {
|
|
font-family: AmiriMonochrome;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: url('../fonts/AmiriQuran.otf');
|
|
}
|
|
.test {
|
|
direction: rtl;
|
|
text-align: justify;
|
|
text-align-last: center;
|
|
font-size: 40px;
|
|
margin: 1em;
|
|
position: absolute;
|
|
}
|
|
.monochrome {
|
|
font-family: AmiriMonochrome;
|
|
-webkit-text-stroke: 3px black;
|
|
}
|
|
</style>
|
|
</head>
|
|
<div>The colored Arabic text should be exactly covered by (thicker) black text:</div>
|
|
<div class="test monochrome">
|
|
<p>
|
|
﷽ ١
|
|
<br>
|
|
ٱلۡحَمۡدُ لِلَّهِ رَبِّ ٱلۡعَـٰلَمِینَ ٢
|
|
ٱلرَّحۡمَـٰنِ ٱلرَّحِیمِ ٣
|
|
مَـٰلِكِ یَوۡمِ ٱلدِّینِ ٤
|
|
إِیَّاكَ نَعۡبُدُ وَإِیَّاكَ نَسۡتَعِینُ ٥
|
|
ٱهۡدِنَا ٱلصِّرَ ٰطَ ٱلۡمُسۡتَقِیمَ ٦
|
|
صِرَ ٰطَ ٱلَّذِینَ أَنۡعَمۡتَ عَلَیۡهِمۡ غَیۡرِ ٱلۡمَغۡضُوبِ عَلَیۡهِمۡ وَلَا ٱلضَّاۤلِّینَ ٧
|
|
</p>
|
|
</div>
|
|
</html>
|
|
|