<!doctype html>
<html>
  <head>
    <title>mathvariant</title>
    <meta charset="utf-8"/>
  </head>
  <body>

    <!-- The style attribute should be equivalent to the mathvariant attribute.
         Note that the mathvariant attribute is supposed to map "A" to the
         corresponding character from the Mathematical Alphanumeric Symbols
         Unicode block ("U+1D400 MATHEMATICAL BOLD CAPITAL",
         "U+1D434 MATHEMATICAL ITALIC CAPITAL A" and
         "U+1D468 MATHEMATICAL BOLD ITALIC CAPITAL A").
      -->
    <div>
      <!-- FIXME: we add new lines to workaround a width/spacing bug. -->
      <math>
        <mtext>A</mtext>
      </math><br/>
      <math>
        <mtext>𝐴</mtext>
      </math><br/>
      <math>
        <mtext>𝐴</mtext>
      </math><br/>
      <math>
        <mtext>𝐀</mtext>
      </math><br/>
      <math>
        <mtext>𝑨</mtext>
      </math>
    </div>

    <!-- The style attribute should have the same effect as the MathML
         attributes -->
    <div>
      <math>
        <mtext style="font-size: 2em;">A</mtext>
        <mtext style="font-family: sans-serif;">A</mtext>
        <mtext style="font-style: italic;">A</mtext>
        <mtext style="font-weight: bold;">A</mtext>
      </math>
    </div>

  </body>
</html>
