mathvariant-double-struck-font-style-font-weight.html (1419B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"/> 5 <title>mathvariant="double-struck" 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=1789081"> 9 <link rel="match" href="mathvariant-double-struck-font-style-font-weight-ref.html"/> 10 <meta name="assert" content="Verify that mathvariant='double-struck' don't reset the font-style/font-weight properties."> 11 <style> 12 @font-face { 13 font-family: TestFont; 14 src: url("/fonts/math/mathvariant-double-struck.woff"); 15 } 16 .testfont { 17 font-family: TestFont; 18 font-size: 32px; 19 } 20 .italic { font-style: italic; } 21 .bold { font-weight: bold; } 22 </style> 23 </head> 24 <body> 25 <p>Test passes if you see three lines with text <span class="testfont">𞺡</span> respectively rendered with italic, bold and bold-italic style:</p> 26 <p><math class="testfont"><mtext mathvariant="double-struck" class="italic">ب</mtext></math></p> 27 <p><math class="testfont"><mtext mathvariant="double-struck" class="bold">ب</mtext></math></p> 28 <p><math class="testfont"><mtext mathvariant="double-struck" class="bold italic">ب</mtext></math></p> 29 </body> 30 </html>