mathscript-2.html (1189B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <title>Dynamic OpenType 'math' script tests</title> 5 <link rel="match" href="mathscript-2-ref.html"/> 6 <!-- See mathscript-1-ref.html for an explanation of this font --> 7 <style type="text/css" media="screen, print"> 8 @font-face { 9 font-family: "mathssty"; 10 src: url("mathssty.woff"); 11 } 12 </style> 13 </head> 14 <body> 15 16 <!-- Demonstrate that it has no effect outside MathML --> 17 <div style="font-family: 'mathssty'; 18 font-feature-settings: 'ssty' " id="div0">A</div> 19 20 <!-- Demonstrate that it works within MathML --> 21 <math> 22 <mstyle style="font-family: 'mathssty'; font-feature-settings: 'ssty' 2"> 23 <mo id="mo0">A</mo> 24 </mstyle> 25 </math> 26 27 <script> 28 function doTest() 29 { 30 // Does nothing to non-MathML 31 document.getElementById("div0").appendChild(document.createTextNode("A")); 32 // Does something to MathML 33 document.getElementById("mo0").appendChild(document.createTextNode("A")); 34 document.documentElement.removeAttribute("class"); 35 } 36 document.documentElement.addEventListener("TestRendered", doTest); 37 </script> 38 39 </body> 40 </html>