font-variant-position-05-notref.html (817B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <meta charset="utf-8"/> 4 <title>CSS Reference (mismatch)</title> 5 6 <style> 7 /* Lato has superscript Latin letters, but not subscript ones; 8 * digits are available in both super- and subscript form. 9 */ 10 @font-face { 11 font-family: "lato"; 12 src: url(/fonts/Lato-Medium.ttf); 13 } 14 .test { 15 font-family: "lato"; 16 font-size: 2em; 17 } 18 .super { 19 font-variant-position: super; 20 } 21 </style> 22 23 <section class="test"> 24 <p>Synthetic superscript characters <em>must</em> be used:</p> 25 <!-- ZERO WIDTH SPACE between the spans separates the runs, so the first can use OpenType alternates 26 but the second can't. --> 27 <p>Text with <span class="super">superscript</span>​<span class="super"> 3.14</span></p> 28 </section>