tor-browser

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

subsuper-fallback-notref3.html (1227B)

      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 @font-face {
     15  font-family: subsuper-nofeat;
     16  src: url(../fonts/subsuper.woff); /* FiraSans with blank omega */
     17 }
     18 
     19 body {
     20  margin: 20px;
     21  font-family: subsuper, sans-serif;
     22 }
     23 
     24 p {
     25  margin: 0;
     26  font-size: 50px;
     27 }
     28 h4 { font-weight: normal }
     29 
     30 .nofeat { font-family: subsuper-nofeat }
     31 .nofeat span.sub { font-variant-position: sub }
     32 .nofeat span.super { font-variant-position: super }
     33 </style>
     34 </head>
     35 <body>
     36 <h4>All the subscripts and superscripts should display with synthesized glyphs:</h4>
     37 <p><span class=sub>&#x2083;n</span>C<span class=super>&#x0b2;n</span> <span class=sub>n&#x2083;</span>C<span class=super>n&#x0b2;</span></p>
     38 <p><span class=sub>&#x2083;&pi;</span>C<span class=super>&#x0b2;&pi;</span> <span class=sub>&pi;&#x2083;</span>C<span class=super>&pi;&#x0b2;</span></p>
     39 <p class=nofeat><span class=sub>3&#x1F4A9;</span>C<span class=super>2&#x1F4A9;</span> <span class=sub>&#x1F4A9;3</span>C<span class=super>&#x1F4A9;2</span></p>
     40 </body>
     41 </html>