1747272-1-ref.html (804B)
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 float: left; 14 direction: rtl; 15 font-size: 330px; 16 line-height: 0; 17 margin: 10px; 18 padding: 0 50px; 19 background: blue; 20 color: blue; 21 } 22 .monochrome { 23 font-family: AmiriMonochrome; 24 } 25 </style> 26 </head> 27 <div>The Arabic glyphs should NOT be visible against the blue background in either box:</div> 28 <div class="test monochrome"> 29 <p>اردو 30 </p> 31 </div> 32 <div class="test monochrome"> 33 <p>اردو 34 </p> 35 </div> 36 </html>