| OLD | NEW |
| 1 <style> | 1 <style> |
| 2 .kerning-none { -webkit-font-kerning: none; } | 2 .kerning-none { -webkit-font-kerning: none; } |
| 3 .kerning-auto { -webkit-font-kerning: auto; } | 3 .kerning-auto { -webkit-font-kerning: auto; } |
| 4 .kerning-normal { -webkit-font-kerning: normal; } | 4 .kerning-normal { -webkit-font-kerning: normal; } |
| 5 </style> | 5 </style> |
| 6 <body style="font-size: 36px;"> | 6 <body style="font-size: 36px; font-family: 'DejaVu Sans', Arial;"> |
| 7 <div> | 7 <div> |
| 8 <div class="kerning-none">AVAVAVAV</div> | 8 <div class="kerning-none">AVAVAVAV</div> |
| 9 <div class="kerning-auto">AVAVAVAV</div> | 9 <div class="kerning-auto">AVAVAVAV</div> |
| 10 <div class="kerning-normal">AVAVAVAV</div> | 10 <div class="kerning-normal">AVAVAVAV</div> |
| 11 </div> | 11 </div> |
| 12 <div style="text-rendering: optimizelegibility"> | 12 <div style="text-rendering: optimizelegibility"> |
| 13 <div class="kerning-none">AVAVAVAV</div> | 13 <div class="kerning-none">AVAVAVAV</div> |
| 14 <div class="kerning-auto">AVAVAVAV</div> | 14 <div class="kerning-auto">AVAVAVAV</div> |
| 15 <div class="kerning-normal">AVAVAVAV</div> | 15 <div class="kerning-normal">AVAVAVAV</div> |
| 16 </div> | 16 </div> |
| 17 </body> | 17 </body> |
| OLD | NEW |