mathvariant-font-style-font-weight.html (1536B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"/> 5 <title>mathvariant attribute and font-style/font-weight</title> 6 <link rel="help" href="https://w3c.github.io/mathml-core/#css-styling"> 7 <link rel="help" href="https://w3c.github.io/mathml-core/#the-mathvariant-attribute"> 8 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1788645"> 9 <link rel="match" href="mathvariant-font-style-font-weight-ref.html"/> 10 <meta name="assert" content="Verify that a mathvariant attribute does not cancel the effect of font-style/font-weight."> 11 <style> 12 .italic { font-style: italic; } 13 .bold { font-weight: bold; } 14 </style> 15 </head> 16 <body> 17 <p>This test passes if you see six lines of text (italic, italic, bold, bold, bold italic and bold italic) with the corresponding style applied:</p> 18 <p> 19 <math mathvariant="normal"> 20 <mtext class="italic">italic</mtext> 21 </math> 22 </p> 23 <p> 24 <math> 25 <mtext mathvariant="normal" class="italic">italic</mtext> 26 </math> 27 </p> 28 <p> 29 <math mathvariant="normal"> 30 <mtext class="bold">bold</mtext> 31 </math> 32 </p> 33 <p> 34 <math> 35 <mtext mathvariant="normal" class="bold">bold</mtext> 36 </math> 37 </p> 38 <p> 39 <math mathvariant="normal"> 40 <mtext class="bold italic">bold italic</mtext> 41 </math> 42 </p> 43 <p> 44 <math> 45 <mtext mathvariant="normal" class="bold italic">bold italic</mtext> 46 </math> 47 </p> 48 </body> 49 </html>