font-synthesis-position-001-ref.html (942B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <meta charset="utf-8"/> 4 <title>CSS reference</title> 5 <style> 6 /* Lato has superscript Latin letters, but not subscript ones; 7 * digits are available in both super- and subscript form. 8 */ 9 @font-face { 10 font-family: "lato"; 11 src: url(/fonts/Lato-Medium.ttf); 12 } 13 .test { 14 font-family: "lato"; 15 font-size: 2em; 16 } 17 .sub { 18 font-feature-settings: 'subs' 1; 19 } 20 .super { 21 font-feature-settings: 'sups' 1; 22 } 23 </style> 24 25 <section class="test"> 26 <p>Synthetic super- and subscripts <em>must not</em> be used:</p> 27 <p>Text with sub and <span class="sub">123</span> and <span class="sub">3.14</span></p> 28 <!-- note that Lato does not support a superscript FULL STOP --> 29 <p>Text with <span class="super">super</span> and <span class="super">123</span> and <span class="super">3</span>.<span class="super">14</span></p> 30 </section>