kerning-spaces-arial-kern.html (885B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <title>testing contextual kerning with spaces</title> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6 7 <style type="text/css"> 8 9 body { 10 margin: 5px; 11 } 12 13 div#test, div#test pre { 14 font-family: Arial, sans-serif; 15 font-size: 150%; 16 line-height: 1.1em; 17 -webkit-font-feature-settings: "kern" on; 18 font-feature-settings: "kern" on; 19 } 20 21 pre { 22 margin: 0; 23 padding: 0; 24 } 25 26 </style> 27 </head> 28 <body> 29 <div id="test"> 30 <pre><span>Q A Q</span></pre> 31 <pre><span>Q L Q</span></pre> 32 <pre><span>Q P Q</span></pre> 33 <pre><span>Q T Q</span></pre> 34 <pre><span>Q Y Q</span></pre> 35 <pre><span>Q Α Q</span></pre> 36 <pre><span>Q Δ Q</span></pre> 37 <pre><span>Q Λ Q</span></pre> 38 <pre><span>Q Ρ Q</span></pre> 39 <pre><span>Q Τ Q</span></pre> 40 <pre><span>Q Υ Q</span></pre> 41 <pre><span>Q Ϋ Q</span></pre> 42 <pre><span>Q ’ Q</span></pre> 43 </div> 44 </body> 45 </html>