subsuper-nofallback-ref1.html (873B)
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>