<!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 } span.sub { font-variant-position: sub } span.super { font-variant-position: super } </style> </head> <body> <h4>All the subscripts and superscripts should display with synthesized glyphs:</h4> <p><span class=sub>3n</span>C<span class=super>2n</span> <span class=sub>n3</span>C<span class=super>n2</span></p> <p><span class=sub>3π</span>C<span class=super>2π</span> <span class=sub>π3</span>C<span class=super>π2</span></p> <p><span class=sub>3💩</span>C<span class=super>2💩</span> <span class=sub>💩3</span>C<span class=super>💩2</span></p> </body> </html>