1747272-1.html (1029B)
1 <html> 2 <head> 3 <meta charset=UTF-8> 4 <title>“Amiri Quran Colored” test</title> 5 <style> 6 @font-face { 7 font-family: AmiriColored; 8 font-style: normal; 9 font-weight: 400; 10 src: url('../fonts/AmiriQuranColored.otf'); 11 } 12 @font-face { 13 font-family: AmiriMonochrome; 14 font-style: normal; 15 font-weight: 400; 16 src: url('../fonts/AmiriQuran.otf'); 17 } 18 .test { 19 float: left; 20 direction: rtl; 21 font-size: 330px; 22 line-height: 0; 23 margin: 10px; 24 padding: 0 50px; 25 background: blue; 26 color: blue; 27 } 28 .colored { 29 font-family: AmiriColored; 30 } 31 .monochrome { 32 font-family: AmiriMonochrome; 33 } 34 </style> 35 </head> 36 <div>The Arabic glyphs should NOT be visible against the blue background in either box:</div> 37 <div class="test colored"> 38 <p>اردو 39 </p> 40 </div> 41 <div class="test monochrome"> 42 <p>اردو 43 </p> 44 </div> 45 </html>