<!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">Office&#x0301; Today</div>
<div class="test">Office Today</div>
<div class="test legibility">Office&#x0301; Today</div>
<div class="test legibility">Office Today</div>
</body>
</html>