mathml/relations/css-styling/mathvariant-case-sensitivity-ref.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>mathvariant case sensitivity</title>
<style>
  @font-face {
      font-family: mathvariant-bold-fraktur;
      src: url("/fonts/math/mathvariant-bold-fraktur.woff");
  }
  @font-face {
      font-family: mathvariant-bold;
      src: url("/fonts/math/mathvariant-bold.woff");
  }
  @font-face {
      font-family: mathvariant-bold-italic;
      src: url("/fonts/math/mathvariant-bold-italic.woff");
  }
  @font-face {
      font-family: mathvariant-bold-sans-serif;
      src: url("/fonts/math/mathvariant-bold-sans-serif.woff");
  }
  @font-face {
      font-family: mathvariant-bold-script;
      src: url("/fonts/math/mathvariant-bold-script.woff");
  }
  @font-face {
      font-family: mathvariant-double-struck;
      src: url("/fonts/math/mathvariant-double-struck.woff");
  }
  @font-face {
      font-family: mathvariant-fraktur;
      src: url("/fonts/math/mathvariant-fraktur.woff");
  }
  @font-face {
      font-family: mathvariant-initial;
      src: url("/fonts/math/mathvariant-initial.woff");
  }
  @font-face {
      font-family: mathvariant-italic;
      src: url("/fonts/math/mathvariant-italic.woff");
  }
  @font-face {
      font-family: mathvariant-looped;
      src: url("/fonts/math/mathvariant-looped.woff");
  }
  @font-face {
      font-family: mathvariant-monospace;
      src: url("/fonts/math/mathvariant-monospace.woff");
  }
  @font-face {
      font-family: mathvariant-sans-serif-bold-italic;
      src: url("/fonts/math/mathvariant-sans-serif-bold-italic.woff");
  }
  @font-face {
      font-family: mathvariant-sans-serif;
      src: url("/fonts/math/mathvariant-sans-serif.woff");
  }
  @font-face {
      font-family: mathvariant-sans-serif-italic;
      src: url("/fonts/math/mathvariant-sans-serif-italic.woff");
  }
  @font-face {
      font-family: mathvariant-script;
      src: url("/fonts/math/mathvariant-script.woff");
  }
  @font-face {
      font-family: mathvariant-stretched;
      src: url("/fonts/math/mathvariant-stretched.woff");
  }
  @font-face {
      font-family: mathvariant-tailed;
      src: url("/fonts/math/mathvariant-tailed.woff");
  }
</style>
<body>
  <p>
    <math style="font-family: mathvariant-bold-fraktur">
      <mtext>&#x1D56C;</mtext>
    </math>
  </p>
  <p>
    <math style="font-family: mathvariant-bold">
      <mtext>&#x1D400;</mtext>
    </math>
  </p>
  <p>
    <math style="font-family: mathvariant-bold-italic">
      <mtext>&#x1D468;</mtext>
    </math>
  </p>
  <p>
    <math style="font-family: mathvariant-bold-sans-serif">
      <mtext>&#x1D5D4;</mtext>
    </math>
  </p>
  <p>
    <math style="font-family: mathvariant-bold-script">
      <mtext>&#x1D4D0;</mtext>
    </math>
  </p>
  <p>
    <math style="font-family: mathvariant-double-struck">
      <mtext>&#x1D538;</mtext>
    </math>
  </p>
  <p>
    <math style="font-family: mathvariant-fraktur">
      <mtext>&#x1D504;</mtext>
    </math>
  </p>
  <p>
    <math style="font-family: mathvariant-initial">
      <mtext>&#x1EE30;</mtext>
    </math>
  </p>
  <p>
    <math style="font-family: mathvariant-italic">
      <mtext>&#x1D434;</mtext>
    </math>
  </p>
  <p>
    <math style="font-family: mathvariant-looped">
      <mtext>&#x1EE90;</mtext>
    </math>
  </p>
  <p>
    <math style="font-family: mathvariant-monospace">
      <mtext>&#x1D670;</mtext>
    </math>
  </p>
  <p>
    <math style="font-family: mathvariant-sans-serif-bold-italic">
      <mtext>&#x1D63C;</mtext>
    </math>
  </p>
  <p>
    <math style="font-family: mathvariant-sans-serif">
      <mtext>&#x1D5A0;</mtext>
    </math>
  </p>
  <p>
    <math style="font-family: mathvariant-sans-serif-italic">
      <mtext>&#x1D608;</mtext>
    </math>
  </p>
  <p>
    <math style="font-family: mathvariant-script">
      <mtext>&#x1D49C;</mtext>
    </math>
  </p>
  <p>
    <math style="font-family: mathvariant-stretched">
      <mtext>&#x1EE70;</mtext>
    </math>
  </p>
  <p>
    <math style="font-family: mathvariant-tailed">
      <mtext>&#x1EE52;</mtext>
    </math>
  </p>
</body>
</html>