subpixel-lineheight-1a.html (1089B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <meta http-equiv="Content-Style-Type" content="text/css"> 6 <style type="text/css"> 7 body { 8 text-rendering: optimizeLegibility; 9 font-size: 14.5px; 10 } 11 div, span { 12 border: none; 13 padding: 0px; 14 } 15 span { 16 /* Offset the baseline by an integer number of pixels */ 17 display: inline-block; 18 vertical-align: baseline; 19 height: 30px; 20 } 21 </style> 22 </head> 23 <body> 24 <div style="position:fixed; left:10px; top:9.6px; font-family: sans-serif"> 25 e<span></span><br> 26 e<br> 27 e<br> 28 e<br> 29 e<br> 30 e<br> 31 e<br> 32 e<br> 33 e<br> 34 e<br> 35 e<br> 36 e<br> 37 </div> 38 <div style="position:fixed; left:100px; top:9.6px; font-family: serif"> 39 e<span></span><br> 40 e<br> 41 e<br> 42 e<br> 43 e<br> 44 e<br> 45 e<br> 46 e<br> 47 e<br> 48 e<br> 49 e<br> 50 e<br> 51 </div> 52 </body>