subsuper-fallback-notref2.html 982 B

123456789101112131415161718192021222324252627282930313233
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <title>font-variant-position fallback</title>
  5. <meta charset="UTF-8">
  6. <style>
  7. /* sups: 0-9 + - ( ) = subs: 0-9 + - ( ) */
  8. @font-face {
  9. font-family: subsuper;
  10. src: url(../fonts/subsuper.woff); /* FiraSans with blank omega */
  11. }
  12. body {
  13. margin: 20px;
  14. font-family: subsuper, sans-serif;
  15. }
  16. p {
  17. margin: 0;
  18. font-size: 50px;
  19. }
  20. h4 { font-weight: normal }
  21. </style>
  22. </head>
  23. <body>
  24. <h4>All the subscripts and superscripts should display with synthesized glyphs:</h4>
  25. <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>
  26. <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>
  27. <p><span class=sub>&#x2083;&#x1F4A9;</span>C<span class=super>&#x0b2;&#x1F4A9;</span> <span class=sub>&#x1F4A9;&#x2083;</span>C<span class=super>&#x1F4A9;&#x0b2;</span></p>
  28. </body>
  29. </html>