| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <style> | |
| .test { | |
| font-size: 72px; | |
| } | |
| .legibility { | |
| text-rendering: optimizeLegibility; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <p>All of the following lines should be rendered with kerning and ligatures:</p> | |
| <div class="test">Officé Today</div> | |
| <div class="test">Office Today</div> | |
| <div class="test legibility">Officé Today</div> | |
| <div class="test legibility">Office Today</div> | |
| </body> | |
| </html> |