layout/reftests/font-features/subsuper-nofallback-ref1.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: 0;
  21   font-size: 75px;
  22 }
  23 h4 { font-weight: normal }
  24 span.super {
  25   -webkit-font-feature-settings: "sups" on;
  26   font-feature-settings: "sups" on;
  27 }
  28 span.sub {
  29   -webkit-font-feature-settings: "subs" on;
  30   font-feature-settings: "subs" on;
  31 }
  32
  33 </style>
  34 </head>
  35 <body>
  36 <h4>All the subscripts and superscripts should display with variant glyphs:</h4>
  37 <p>
  38 <span class=sub>3</span>C<span class=super>2</span>
  39 <span class=sub>(3)</span>C<span class=super>(2)</span>
  40 <span class=sub>21+3</span>C<span class=super>45</span>
  41 </p>
  42 </body>
  43 </html>