Draw radicals with glyphs for better rendering
[WebKit-https.git] / LayoutTests / mathml / opentype / roots-LatinModern.html
1 <!doctype html>
2 <html> 
3   <head>
4     <title>Roots Latin Modern</title>
5     <meta charset="utf-8"/>
6     <style type="text/css">
7       @font-face {
8       font-family: "Latin Modern Math";
9       src: local("Latin Modern Math"), local("LatinModernMath-Regular"), url("latinmodern-math.woff");
10       }
11       math {
12       font-family: "Latin Modern Math";
13       }      
14     </style>
15   </head>
16   <body>
17
18     <!-- We test the rendering roots with the Latin Modern Math font -->
19
20     <!-- nested square roots of various sizes -->
21     <math display="block">
22       <mrow>
23         <msqrt>
24           <mn>1</mn>
25           <mo>+</mo>
26           <msqrt>
27             <mn>1</mn>
28             <mo>+</mo>
29             <msqrt>
30               <mn>1</mn>
31               <mo>+</mo>
32               <msqrt>
33                 <mn>1</mn>
34                 <mo>+</mo>
35                 <msqrt>
36                   <mn>1</mn>
37                   <mo>+</mo>
38                   <msqrt>
39                     <mn>1</mn>
40                     <mo>+</mo>
41                     <msqrt>
42                       <mn>1</mn>
43                       <mo>+</mo>
44                       <mi>x</mi>
45                     </msqrt>
46                   </msqrt>
47                 </msqrt>
48               </msqrt>
49             </msqrt>
50           </msqrt>
51         </msqrt>
52       </mrow>
53     </math>
54
55     <!-- mroot with short index -->
56     <math display="block">
57       <mroot>
58         <mspace width="20px" height="50px" mathbackground="red"/>
59         <mspace width="20px" height="10px" mathbackground="green"/>
60       </mroot>
61       <mroot>
62         <mspace width="20px" height="20px" mathbackground="red"/>
63         <mspace width="20px" height="5px" mathbackground="blue"/>
64       </mroot>
65     </math>
66
67     <!-- mroot with tall index -->
68     <math display="block">
69       <mroot>
70         <mspace width="20px" height="50px" mathbackground="red"/>
71         <mspace width="20px" height="50px" mathbackground="green"/>
72       </mroot>
73       <mroot>
74         <mspace width="20px" height="20px" mathbackground="red"/>
75         <mspace width="20px" height="20px" mathbackground="blue"/>
76       </mroot>
77     </math>
78
79   </body>
80 </html>