layout/reftests/font-features/subsuper-fallback-size.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <title>font-variant-position fallback</title>
   5 <meta charset="UTF-8">
   6 <style>
   7
   8 /* sups: 0-9 + - ( ) =  subs: 0-9 + - ( ) */
   9 @font-face {
  10   font-family: subsuper;
  11   src: url(../fonts/subsuper.woff); /* FiraSans with blank omega */
  12 }
  13
  14 body {
  15   margin: 20px;
  16   font-family: subsuper, sans-serif;
  17 }
  18
  19 p {
  20   margin: 10px;
  21   font-size: 50px;
  22   line-height: 2;
  23   width: -moz-fit-content;
  24   background: black;
  25 }
  26 h4 { font-weight: normal; }
  27 span.sub { font-variant-position: sub; }
  28 span.super { font-variant-position: super; }
  29 </style>
  30 </head>
  31 <body>
  32 <h4>The black bars should NOT be the same length</h4>
  33 <p>&nbsp;XXXXXXXXXX&nbsp;</p>
  34 <p>&nbsp;X<span class=sub>XXXXXXXX</span>X&nbsp;</p>
  35 <p>&nbsp;X<span class=super>XXXXXXXX</span>X&nbsp;</p>
  36 </body>
  37 </html>