subsuper-fallback-size-ref.html (744B)
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 { font-size: 0.667em; } /* see NS_FONT_SUB_SUPER_SIZE_RATIO_LARGE */ 28 </style> 29 </head> 30 <body> 31 <h4>The black bars should NOT be the same length</h4> 32 <p> XXXXXXXXXX </p> 33 <p> X<span>XXXXXXXX</span>X </p> 34 <p> X<span>XXXXXXXX</span>X </p> 35 </body> 36 </html>