Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<head>
<!-- This font only has glyphs defined for 'A', 'B', 'C' and 'D', and is
designed purely for testing ssty and OpenType 'math' script
functionality
The glyphs for 'A' and 'D' are identical, the difference between them is
that 'A' supports the ssty font feature.
'A' with ssty = 1 maps to 'B'
'A' with ssty = 2 maps to 'C'
The difference between this font and ssty.woff is that the font feature
is contained within the OpenType 'math' script. -->
<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';">D</div>
<div style="font-family: 'mathssty';">D</div>
<!-- Demonstrate that it works within MathML -->
<math>
<mstyle style="font-family: 'mathssty';">
<mrow>
<mo>D</mo>
<mo>B</mo>
<mo>C</mo>
</mrow>
</mstyle>
</math>
<p>
<!-- verify it works for the other elements except mtext -->
<math>
<mstyle style="font-family: 'mathssty';">
<mi mathvariant="normal">C</mi>
<mn>C</mn>
<mtext>D</mtext>
</mstyle>
</math>
</body>