tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

subsuper-fallback-size.html (778B)

      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>