<!DOCTYPE HTML> <html> <head> <title>font-variant-position fallback</title> <meta charset="UTF-8"> <style> /* sups: 0-9 + - ( ) = subs: 0-9 + - ( ) */ @font-face { font-family: subsuper; src: url(../fonts/subsuper.woff); /* FiraSans with blank omega */ } body { margin: 20px; font-family: subsuper, sans-serif; } p { margin: 0; font-size: 50px; } h4 { font-weight: normal } </style> </head> <body> <h4>All the subscripts and superscripts should display with synthesized glyphs:</h4> <p><span class=sub>₃n</span>C<span class=super>²n</span> <span class=sub>n₃</span>C<span class=super>n²</span></p> <p><span class=sub>₃π</span>C<span class=super>²π</span> <span class=sub>π₃</span>C<span class=super>π²</span></p> <p><span class=sub>₃💩</span>C<span class=super>²💩</span> <span class=sub>💩₃</span>C<span class=super>💩²</span></p> </body> </html>