Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
            - /mathml/fonts/mathscript-2.html - WPT Dashboard Interop Dashboard
 
<!DOCTYPE html>
<html class="reftest-wait">
  <head>
    <title>Dynamic OpenType 'math' script tests</title>
    <link rel="match" href="mathscript-2-ref.html"/>
    <!-- See mathscript-1-ref.html for an explanation of this font -->
    <style type="text/css" media="screen, print">
    @font-face {
      font-family: "mathssty";
      src: url("mathssty.woff");
    }
  </style>
  </head>
  <body>
  <!-- Demonstrate that it has no effect outside MathML -->
  <div style="font-family: 'mathssty';
              font-feature-settings: 'ssty' " id="div0">A</div>
  <!-- Demonstrate that it works within MathML -->
  <math>
    <mstyle style="font-family: 'mathssty'; font-feature-settings: 'ssty' 2">
      <mo id="mo0">A</mo>
    </mstyle>
  </math>
  <script>
    function doTest()
    {
      // Does nothing to non-MathML
      document.getElementById("div0").appendChild(document.createTextNode("A"));
      // Does something to MathML
      document.getElementById("mo0").appendChild(document.createTextNode("A"));
      document.documentElement.removeAttribute("class");
    }
    document.documentElement.addEventListener("TestRendered", doTest);
  </script>
  </body>
</html>