<!DOCTYPE html>
<head>
  <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' 1">A</div>
  <div style="font-family: 'mathssty'; 
              font-feature-settings: 'ssty' 2">A</div>

  <!-- Demonstrate that it works within MathML -->
  <math>
    <mstyle style="font-family: 'mathssty';">
    <mrow>
      <mo style="font-feature-settings: 'ssty' 0">A</mo>
      <mo style="font-feature-settings: 'ssty' 1">A</mo>
      <mo style="font-feature-settings: 'ssty' 2">A</mo>
    </mrow>
    </mstyle>
  </math>
  <p>
  <!-- verify it works for the other elements except mtext -->
  <math>
    <mstyle style="font-family: 'mathssty'; font-feature-settings: 'ssty' 2">
      <mi mathvariant="normal">A</mi>
      <mn>A</mn>
      <mtext>A</mtext>
    </mstyle>
  </math>
</body>